tooltip ={
    trigger: 'item',                            //触发类型,'item'数据项图形触发，主要在散点图，饼图等无坐标轴的图表中使用。 'axis'坐标轴触发，主要在柱状图，折线图等会使用坐标轴的图表中使用。
    triggerOn:"mousemove",                      //提示框触发的条件,'mousemove'鼠标移动时触发。'click'鼠标点击时触发。'mousemove|click'同时鼠标移动和点击时触发。'none'不在 'mousemove' 或 'click' 时触发
    showContent:true,                           //是否显示提示框浮层
    alwaysShowContent:true,                     //是否永远显示提示框内容
    showDelay:0,                                  //浮层显示的延迟，单位为 ms
    hideDelay:100,                                //浮层隐藏的延迟，单位为 ms
    enterable:false,                             //鼠标是否可进入提示框浮层中
    confine:false,                               //是否将 tooltip 框限制在图表的区域内
    transitionDuration:0.4,                      //提示框浮层的移动动画过渡时间，单位是 s,设置为 0 的时候会紧跟着鼠标移动
    position:['50%', '50%'],                    //提示框浮层的位置，默认不设置时位置会跟随鼠标的位置,[10, 10],回掉函数，inside鼠标所在图形的内部中心位置，top、left、bottom、right鼠标所在图形上侧，左侧，下侧，右侧，
    formatter:"{b0}: {c0}<br />{b1}: {c1}",     //提示框浮层内容格式器，支持字符串模板和回调函数两种形式,模板变量有 {a}, {b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等
    backgroundColor:"transparent",            //标题背景色
    borderColor:"#ccc",                        //边框颜色
    borderWidth:0,                              //边框线宽
    padding:5,                                  //图例内边距，单位px  5  [5, 10]  [5,10,5,10]
    textStyle:mytextStyle,                     //文本样式
                    柱状图修改样式tooltip: {  trigger: 'axis',  position: 'left',  extraCssText:'width:160px !important;height:110px !important;', //自定义的tooltip的大小  formatter: function(params) {    var result = params[0].name+'&lt;br&gt;';    params.forEach(function(item) { 
				
实现在Echarts地图的tooltip提示框中绘制图表
最近遇到一个需求是需要在地图中，鼠标点击或者停留在地图中某一片区域时，该区域显示亮高和显示tooltip提示框信息，但是难点在于需要在tooltip提示框中再绘制一层图表。按以往我们做过都是这种，tooltip提示框中只是单纯显示文本信息。
但是，需求要的不是这种，先不多说，直接给你们看最终展示的效果。
这里我们以广州市作为模板，可以看出这是我们想要的在tooltip提示框中绘制另外一层图表。
ok，接下来我们直接上代码。
<templat
				
tooltip: { //悬浮框
  show: true, // 是否显示
  trigger: 'axis', // 触发类型  'item'图形触发：散点图，饼图等无类目轴的图表中使用； 'axis'坐标轴触发；'none'：什么都不触发。
  axisPointer: { // 坐标轴指示器配置项。
    type: 'shadow', // 'line' 直线指示器  'shadow' 阴影指示器  'none' 无指示器  'cross' 十字准星指示器。
    axis: 'auto',.
				
tooltip ={                                  //提示框组件
    trigger: 'item',                        //触发类型,'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。
    triggerOn:"mousemove",                  //提示框触发的条件,'mousemove'鼠标移动时触发。'click
          backgroundColor: 'rgba(0,0,0,0)',
          borderColor: 'rgba(0,0,0,0)',
          extraCssText: 'box-shadow: 0 0 0 rgba(0, 0, 0, 0);',
          zInde
				
echarts自定义tooltip显示
使用echarts展示图形的时候，鼠标滑倒图像上，想展示除了系列名，数据名，数据值以外的数据，这时需要使用tooltip的fommater方式进行配置，另外对数据格式也有一定的要求。
如下图志愿者活跃数，显示y轴百分比的同时也要显示对应的月份和活跃志愿者总数
1、首先要知道y轴如何更改数据格式不会影响图表显示
能想到的肯定时数组直接赋值，那么把data改为由value和data组成的json串，这样不会影响图形的展示：
value的值默认渲染y轴
				
mpvue-echarts地址:  https://github.com/F-loat/mpvue-echarts
装包    :
npm install -D sass-loader node-sass
npm install --save echarts
npm i mpvue-echarts --save
官方示例代码:
<template>
  <div class="e...
      // 自定义 tooltip 的内容和样式
      return params[0].name + '<br/>' +
        params[0].seriesName + ' : ' + params[0].value + '<br/>' +
        params[1].seriesName + ' : ' + params[1].value + '<br/>' +
        params[2].seriesName + ' : ' + params[2].value + '<br/>' +
        params[3].seriesName + ' : ' + params[3].value + '<br/>'
  // ... 其他配置项
  series: [
      name:'邮件营销',
      type:'bar',
      data:[120, 132, 101, 134, 90, 230, 210]
      name:'联盟广告',
      type:'bar',
      data:[220, 182, 191, 234, 290, 330, 310]
      name:'视频广告',
      type:'bar',
      data:[150, 232, 201, 154, 190, 330, 410]
      name:'直接访问',
      type:'bar',
      data:[320, 332, 301, 334, 390, 330, 320]
在上面的示例中，通过 formatter 函数来自定义 tooltip 的内容和样式。在这个函数中，我们可以通过 params 参数获取到当前 tooltip 中所展示的数据，从而可以自定义 tooltip 的样式和展示内容。
需要注意的是，formatter 函数的返回值必须是一个字符串。在字符串中，可以使用 HTML 标签来控制 tooltip 的样式，比如使用 `<br/>` 来换行。
希望这个示例能够帮助你实现自定义 tooltip。