echarts 折线图线条粗细_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,

})

}

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

echarts 折线图线条粗细_echarts 折线图点击高亮相关推荐

echarts 折线图线条粗细_ECharts 折线图设置平滑和颜色
设置折线图平滑以及线条颜色可以到 ECharts页面把下面内容替换到里面看实际效果或调整各个属性(替换series部分) series : [ { name:'最高气温', type:'line' ...
echarts切换折线图变大_Echarts折线图属性设置大全
Echarts折线图属性设置大全 var option = { backgroundColor: '#FFF0F5', title: { text: '折线图', subtext: '模拟数据', x ...
echarts x和数据对应_echarts 折线图动态x轴及数据
ECharts // Step:3 echarts & zrender as a Global Interface by the echarts-plain.js. // Step:3 ech ...
echarts做企业关系图谱_echarts交叉关系图一
想要做一个公司-人员关系图,官网echarts图graph webkit dep 稍微改了一下, 也是有点恶心自己,调了一个数据最多的去改,如果正好有人需要就不用去改了说明:此图没有坐标,可以设置图 ...
echarts做企业关系图谱_echarts 关系图
匿名用户 1级 2016-05-14 回答使用_buildLinkShapes(nodes, links)函数,针对定义的全部线段数据,设置线段的权重(粗细).样式和高亮样式. 1.zrender定 ...
echarts中国地图使省份选择性滑动或点击高亮
本文介绍echarts显示中国省份图,对于需要高亮的省份进行筛选.并且对省份进行选择性交互. 首先我们需要一个颜色集合,代表我们要设置多少种颜色.这里用到了dataRange. dataRange: ...
echarts折线图背景线_echarts设置折线线条颜色和折线点颜色的实例
本文主要介绍了jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法,结合实例形式分析了jQuery图表插件echarts设置折线图的相关操作技巧,需要的朋友可以参考下,希望能帮助到 ...
echarts折线图背景线_echarts-设置折线图中折线线条颜色和折线点颜色
1.问题背景设计一条折线图,但是图形中不用插件自带的颜色,需要自定义线条和折点的颜色 2.实现源码 (1)图形自分配颜色 echarts-设置折线图中折线线条颜色和折线点颜色 body,html{ ...
[echarts] 设置折线图中折线线条颜色和折线点颜色
(1)设置折线线条颜色 lineStyle:{color:'#00FF00'} (2)设置折线折点颜色 itemStyle : {normal : {color:'#00FF00'}} series: ...

echarts 折线图线条粗细_echarts 折线图点击高亮

echarts 折线图线条粗细_echarts 折线图点击高亮相关推荐

最新文章

热门文章