zoukankan      html  css  js  c++  java
  • echarts 折线图点击高亮

    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,
                })

      }

    }

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

  • 相关阅读:
    数据库——Oracle(7)
    数据库——Oracle(6)
    数据库——Oracle(5)
    数据库——Oracle(4)
    数据库——Oracle(3)
    数据库——Oracle(2)
    Java 学习笔记之 Synchronized锁对象
    Java 学习笔记之 线程安全
    Java 学习笔记之 实例变量非线程安全
    Java 学习笔记之 方法内的临时变量是线程安全
  • 原文地址:https://www.cnblogs.com/fmixue/p/8244586.html
Copyright © 2011-2022 走看看