怎么在echarts中实现多条折线图动态分层?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
成都创新互联-专业网站定制、快速模板网站建设、高性价比吉林网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式吉林网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖吉林地区。费用合理售后完善,10余年实体公司更值得信赖。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) } }
效果图
关于怎么在echarts中实现多条折线图动态分层问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。