码迷,mamicode.com
首页 > 其他好文 > 详细

echarts 折线图点击高亮

时间:2018-01-08 20:15:48      阅读:4934      评论:0      收藏:0      [点我收藏+]

标签:alt   elf   chart   log   doc   echarts   圆点   info   如图所示   

echarts中注册事件很多 ,记录下今天做的折线图点击高亮;

查了api,看了半天,发现折线图点击时只能做到圆点变大,并不能实现点击线条,整条线条高亮,也真是醉了。

上图:技术分享图片

如图所示,只能圆点变大。。。

贴出代码:

function chartModule () {

  var self = this;

  var myChart = null;

  var prevIndex = null;

  this.init = function () {

    myChart = echart.init(document.getElementById(‘myChart‘));

  };

  this.chartInfo = function () {

    var option = {

      //此处略。。

    }; 

    myChart.setOption (option);

    myChart.on(‘click‘,function(params){

      self.highlight(params.seriesIndex);

    }

  };

  this.highlight= function (index){//高亮

    prevIndex = index;//记录上次高亮位置

    myChart.dispatchAction({
                type: ‘highlight‘,
                seriesIndex: index,
            })

  };

  this.downplay= function (){ //取消高亮 直接调用就可以

    myChart.dispatchAction({
                type: ‘downplay‘,
                seriesIndex: prevIndex,
            })

  }

}

 

如果有人能够点击时直接将整条线条加粗高亮显示,还请大神赐教!!!

 

echarts 折线图点击高亮

标签:alt   elf   chart   log   doc   echarts   圆点   info   如图所示   

原文地址:https://www.cnblogs.com/fmixue/p/8244586.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!