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

      }

    }

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

  • 相关阅读:
    Excel如何关闭进程
    Excel_To_DataTable
    将本地项目上传到Github
    对于session,request,cookie的理解
    static的使用
    Java事件监听的四种实现方式
    静态网页和动态网页
    ps -ef|grep详解
    linux ls -l 详解
    PKU2418_树种统计(map应用||Trie树)
  • 原文地址:https://www.cnblogs.com/fmixue/p/8244586.html
Copyright © 2011-2022 走看看