echarts + timeline 顯示多個options


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

  

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM