echarts多条折线图动态分层的实现方法

时间:2021-05-28

1、关于Echarts

大家可以到这个网址看一下,还是比较详细的。

http://echarts.baidu.com/doc/example.html

这个功能还是很强大的,对于喜欢做数据统计来说是美味的。

2、echarts多条折线图动态分层

var xData = param.xData; var data = param.yData let option = []; let num =param.num ? param.num : 0; let max = num ? num *100 : 100; //处理精度丢失问题 但不是最佳方案option = { title: { left: 'center', text: param.title }, tooltip: { trigger: 'axis', }, legend: { right:0, data:param.tName, }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: { boundaryGap: false, data:param.xData }, yAxis: { name: param.yName, splitLine: { show: false }, }, series: [] } option[6].series.push( { name: '平行于y轴的趋势线', type: 'line', //data:[0], markLine: { silent: true, data: [{ yAxis: num }] } } ) if( param.option_type == 6){ for( var item in param.yData){ var obj ={ name: param.yData[item].name, type: 'line', color:param.yData[item].color, data: param.yData[item].data } option[6].series.push(obj) } }

效果图

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章