最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 21:56:24
文档

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

echarts多条折线图动态分层的实现方法:1、关于Echarts 大家可以到这个网址看一下,还是比较详细的。 http://echarts.baidu.com/doc/example.html 这个功能还是很强大的,对于喜欢做数据统计来说是美味的。 2、echarts多条折线图动态分层 var xData = param.xData;
推荐度:
导读echarts多条折线图动态分层的实现方法:1、关于Echarts 大家可以到这个网址看一下,还是比较详细的。 http://echarts.baidu.com/doc/example.html 这个功能还是很强大的,对于喜欢做数据统计来说是美味的。 2、echarts多条折线图动态分层 var xData = param.xData;

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)
 }
 }

效果图

文档

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

echarts多条折线图动态分层的实现方法:1、关于Echarts 大家可以到这个网址看一下,还是比较详细的。 http://echarts.baidu.com/doc/example.html 这个功能还是很强大的,对于喜欢做数据统计来说是美味的。 2、echarts多条折线图动态分层 var xData = param.xData;
推荐度:
标签: 折线图 动态 折线
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top