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

      }

    }

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

  • 相关阅读:
    加分二叉树
    飞扬的小鸟
    洛谷P2066 机器分配
    解方程
    洛谷P1781 宇宙总统
    洛谷P1311 选择客栈
    洛谷P1081 开车旅行70分
    CSS清除浮动
    常见的内联元素与块状元素
    标签的权值问题(优先级)
  • 原文地址:https://www.cnblogs.com/fmixue/p/8244586.html
Copyright © 2011-2022 走看看