博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts + timeline 显示多个options
阅读量:4625 次
发布时间:2019-06-09

本文共 1937 字,大约阅读时间需要 6 分钟。

var option = {				//timeline基本配置都写在baseoption 中  				baseOption: {					timeline: {						//loop: false,          						axisType: 'category',						show: true,						autoPlay: true,						playInterval: 1000,						data: ['Account Management', 'Application', 'Client H/W', 'Client S/W', 'HPI打印机']					},					grid: {						containLabel: true					},					xAxis: [{						type: 'category',						data: ['第一周', '第二周', '第三周', '第四周', '第五周']					}],					yAxis: [{						type: 'value',						name: '数量',						axisLabel: {							formatter: '{value}'						}					}],					series: [{						type: 'line',					}, ],					tooltip: {						trigger: 'axis',						axisPointer: { // 坐标轴指示器,坐标轴触发有效							type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'						}					},				},				//变量则写在options中  				options: [					//Account Management					{						series: [{							name: '故障',							type: 'bar',							data: [20, 12, 31, 34, 31]						}, {							name: '请求',							type: 'bar',							data: [10, 20, 5, 9, 3]						}]					},					//Application					{						series: [{							name: '故障',							type: 'bar',							data: [20, 22, 34, 14, 21]						}, {							name: '请求',							type: 'bar',							data: [10, 20, 5, 9, 3]						}]					},					//Client H/W					{						series: [{							name: '故障',							type: 'bar',							data: [19, 2, 3, 14, 51]						}, {							name: '请求',							type: 'bar',							data: [10, 20, 5, 9, 3]						}]					},					//Client S/W					{						series: [{							name: '故障',							type: 'bar',							data: [9, 27, 35, 4, 1]						}, {							name: '请求',							type: 'bar',							data: [10, 20, 5, 9, 3]						}]					},					//HPI打印机					{						series: [{							name: '故障',							type: 'bar',							data: [19, 21, 33, 8, 42]						}, {							name: '请求',							type: 'bar',							data: [10, 20, 5, 9, 3]						}]					},				]			}			var mychart = echarts.init(document.getElementById('container'));			mychart.setOption(option);

  

 

 

转载于:https://www.cnblogs.com/MainActivity/p/8889271.html

你可能感兴趣的文章
web高并发的解决方案
查看>>
OC中的NSNumber、NSArray、NSString的常用方法
查看>>
android 用ImageSwitcher+Gallery实现图片浏览效果 分类: ...
查看>>
STM32里面的一些小函数——assert_param,PUTCHAR_PROTOTYPE
查看>>
Java分布式锁的三种实现方案(redis)
查看>>
运行客户端程序报读取配置文件出错的解决方案
查看>>
day 5 - 2 字典(dict)练习
查看>>
微引擎的自定义菜单40063错误解决
查看>>
JAVA wait(), notify(),sleep具体解释
查看>>
数据挖掘十大经典算法
查看>>
WebService原理
查看>>
【Unity 3D】学习笔记三十七:物理引擎——碰撞与休眠
查看>>
js动态删除div元素
查看>>
计算机网络中的TCP/IP模型
查看>>
spring mvc 自定义Handlermapping
查看>>
JS验证密码安全级别
查看>>
Cookie是可以覆盖的,如果重复写入同名的Cookie,那么将会覆盖之前的Cookie。
查看>>
Django Models的数据类型
查看>>
博客之初体验-----python初了解
查看>>
jquery.fileupload插件 ie9下不支持上传
查看>>