美文网首页
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