echarts多条折线图动态分层的实现方法_echarts多折线图 - CSDN文库

69 浏览量更新于2023-05-04 收藏 58KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

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

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)

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38684335

粉丝: 1
资源: 932

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈