美文网首页
echarts如何移动到柱状图上显示自己想显示的提示信息

echarts如何移动到柱状图上显示自己想显示的提示信息

作者: 悦者生存 | 来源:发表于2018-12-05 12:04 被阅读82次

首先把series里面的数据换成含有value的对象

nameArr是显示x轴显示的名称,dataArr是series显示的数据

let nameArr=[],dataArr=[];
    for(let i=0;i<data.length;i++){
      nameArr.push(data[i].name);
      data[i].value=data[i].drp;
      dataArr.push(data[i]);
    }
series: [
        {
          name: '雨强',
          type: 'bar',
          data: dataArr,
          markPoint: {
            data: [
              {type: 'max', name: '最大值'},
            ]
          },
        }
      ]

在tooltip里面添加formatter属性,params里面会有你在series传入的数据

 tooltip: {
        trigger: 'axis',
        formatter:function (params, ticket, callback) {

          return params[0].value?`<div style="text-align: left">
                    <div>${params[0].name}</div>
                    <div>雨强:${params[0].value}</div>
                    <div>地点:${params[0].data.addr}</div>
                    <div>时间:${params[0].data.tm}</div>
                  </div><br/>`:"没有雨强"
        }
      },

有问题可以问我

相关文章

网友评论

      本文标题:echarts如何移动到柱状图上显示自己想显示的提示信息

      本文链接:https://www.haomeiwen.com/subject/kvhicqtx.html