echarts 折线图线条粗细_echarts 折线图点击高亮
echarts中注冊事件很多 ,記錄下今天做的折線圖點(diǎn)擊高亮;
查了api,看了半天,發(fā)現(xiàn)折線圖點(diǎn)擊時只能做到圓點(diǎn)變大,并不能實(shí)現(xiàn)點(diǎn)擊線條,整條線條高亮,也真是醉了。
上圖:
如圖所示,只能圓點(diǎn)變大。。。
貼出代碼:
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 (){ //取消高亮 直接調(diào)用就可以
myChart.dispatchAction({
type: ‘downplay‘,
seriesIndex: prevIndex,
})
}
}
如果有人能夠點(diǎn)擊時直接將整條線條加粗高亮顯示,還請大神賜教!!!
總結(jié)
以上是生活随笔為你收集整理的echarts 折线图线条粗细_echarts 折线图点击高亮的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 简单移动平均 指数移动平均
- 下一篇: TOF相机-非扫描三维成像