BUS海淀20150812/13echarts 柱状配置项内容和展示
配置项如下
app.title = '折柱混合';
//已修正
option = {
tooltip: {
trigger: 'axis'
},
dataZoom: [{ // 这个dataZoom组件，默认控制x轴。
type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
start: 10, // 左边在 10% 的位置。
end: 60 // 右边在 60% 的位置。
}, { // 这个dataZoom组件，也控制x轴。
type: 'inside', // 这个 dataZoom 组件是 inside 型 dataZoom 组件
start: 10, // 左边在 10% 的位置。
end: 60 // 右边在 60% 的位置。
}],
toolbox: {
feature: {
dataView: {
show: true,
readOnly: false
},
magicType: {
show: true,
type: ['line', 'bar']
},
restore: {
show: true
},
saveAsImage: {
show: true
}
}
},
legend: {
data: ['Time', 'speed(m/min)']
},
xAxis: [{
type: 'category',
data: [
'2015-08-12 17:35:03',
'2015-08-12 17:50:03',
'2015-08-12 18:05:03',
'2015-08-12 18:20:03',
'2015-08-12 18:35:03',
'2015-08-12 18:50:03',
'2015-08-12 19:05:03',
'2015-08-12 19:20:03',
'2015-08-12 19:35:03',
'2015-08-12 19:50:03',
'2015-08-12 20:05:03',
'2015-08-12 20:20:03',
'2015-08-12 20:35:03',
'2015-08-12 20:50:03',
'2015-08-12 21:05:03',
'2015-08-12 21:20:03',
'2015-08-12 21:35:03',
'2015-08-12 21:50:03',
'2015-08-12 22:05:03',
'2015-08-12 22:20:03',
'2015-08-12 22:35:03',
'2015-08-12 22:50:03',
'2015-08-12 23:05:03',
'2015-08-12 23:20:03',
'2015-08-12 23:35:03',
'2015-08-12 23:50:03',
'2015-08-13 00:05:03',
'2015-08-13 00:20:03',
'2015-08-13 00:35:03',
'2015-08-13 00:50:03',
'2015-08-13 01:05:03',
'2015-08-13 01:20:03',
'2015-08-13 01:35:03',
'2015-08-13 01:50:03',
'2015-08-13 02:05:03',
'2015-08-13 02:20:03',
'2015-08-13 02:35:03',
'2015-08-13 02:50:03',
'2015-08-13 03:05:03',
'2015-08-13 03:20:03',
'2015-08-13 03:35:03',
'2015-08-13 03:50:03',
'2015-08-13 04:05:03',
'2015-08-13 04:20:03',
'2015-08-13 04:35:03',
'2015-08-13 04:50:03',
'2015-08-13 05:05:03',
'2015-08-13 05:20:03',
'2015-08-13 05:35:03',
'2015-08-13 05:50:03',
'2015-08-13 06:05:03',
'2015-08-13 06:20:03',
'2015-08-13 06:35:03',
'2015-08-13 06:50:03',
'2015-08-13 07:05:03',
'2015-08-13 07:20:03',
'2015-08-13 07:35:03',
'2015-08-13 07:50:03',
'2015-08-13 08:05:03',
'2015-08-13 08:20:03',
'2015-08-13 08:35:03',
'2015-08-13 08:50:03',
'2015-08-13 09:05:03',
'2015-08-13 09:20:03',
'2015-08-13 09:35:03',
'2015-08-13 09:50:03',
'2015-08-13 10:05:03',
'2015-08-13 10:20:03',
'2015-08-13 10:35:03',
'2015-08-13 10:50:03',
'2015-08-13 11:05:03',
'2015-08-13 11:20:03',
'2015-08-13 11:35:03',
'2015-08-13 11:50:03',
'2015-08-13 12:05:03',
'2015-08-13 12:20:03',
'2015-08-13 12:35:03',
'2015-08-13 12:50:03',
'2015-08-13 13:05:03',
'2015-08-13 13:20:03',
'2015-08-13 13:35:03',
'2015-08-13 13:50:03',
'2015-08-13 14:05:03',
'2015-08-13 14:20:03',
'2015-08-13 14:35:03',
'2015-08-13 14:50:03',
'2015-08-13 15:05:03',
'2015-08-13 15:20:03',
'2015-08-13 15:35:03',
'2015-08-13 15:50:03',
'2015-08-13 16:05:03',
'2015-08-13 16:20:03',
'2015-08-13 16:35:03',
'2015-08-13 16:50:03',
'2015-08-13 17:05:03',
'2015-08-13 17:20:03',
'2015-08-13 17:35:03',
'2015-08-13 17:50:03',
'2015-08-13 18:05:03',
'2015-08-13 18:20:03',
'2015-08-13 18:35:03',
'2015-08-13 18:50:03',
'2015-08-13 19:05:03',
'2015-08-13 19:20:03',
'2015-08-13 19:35:03',
'2015-08-13 19:50:03',
'2015-08-13 20:05:03',
'2015-08-13 20:20:03',
'2015-08-13 20:35:03',
'2015-08-13 20:50:03',
'2015-08-13 21:05:03',
'2015-08-13 21:20:03',
'2015-08-13 21:35:03',
'2015-08-13 21:50:03',
'2015-08-13 22:05:03',
'2015-08-13 22:20:03',
'2015-08-13 22:35:03',
'2015-08-13 22:50:03',
'2015-08-13 23:05:03',
]
}],
yAxis: [{
type: 'value',
name: 'group',
min: 0,
max: 1000,
axisLabel: {
formatter: '{value} '
}
}, {
type: 'value',
name: 'speed(m/min)',
min: 0,
max: 5000,
axisLabel: {
formatter: '{value}m/min '
}
}],
series: [{
name: 'group',
type: 'bar',
yAxisIndex: 1,
data: [0, 0, 0, 0, 0, 0, 0, 0, 67, 109, 110, 114, 110, 114, 111, 101, 105, 99, 88, 80, 73, 75, 65, 55, 49, 47, 47, 47, 48, 48, 48, 47, 48, 45, 43, 46, 38, 46, 39, 39, 46, 46, 47, 47, 50, 57, 59, 72, 80, 102, 123, 141, 146, 149, 144, 147, 151, 146, 139, 147, 132, 157, 146, 155, 152, 154, 157, 149, 142, 133, 129, 137, 132, 137, 133, 125, 114, 120, 121, 122, 121, 115, 122, 124, 118, 116, 120, 114, 117, 128, 134, 142, 130, 131, 132, 133, 133, 139, 139, 138, 145, 129, 129, 130, 129, 124, 126, 124, 119, 108, 93, 87, 84, 79, 78, 71, 67, 37, 0
] }, {
name: 'speed(m/min)',
type: 'line',
data: [0, 0, 0, 0, 0, 0, 0, 0, 243.38946940845656, 217.49024083794058, 232.6352592654447, 227.53706354140868, 255.88313701510555, 240.97126591181453, 228.0310274261113, 222.96248225478226, 234.27285872916985, 225.0823062936662, 210.25577223279333, 175.385507356273, 176.31211456414098, 172.44844744270986, 145.82873479730938, 85.59443979633639, 113.66148161180246, 101.8943641284779, 65.70445440138023, 35.39445554351493, 42.99352728646546, 21.01817111980427, 31.22515967847409, 28.74570726164122, 40.13502600648357, 16.243757042417442, 43.80354009820116, 34.46054723470559, 29.165658175549382, 47.788857119787075, 15.187431669391811, 12.592449518978524, 18.649171438244267, 18.921998198520154, 8.376121654974995, 17.813489437983463, 29.263858150999045, 33.67383566222158, 70.77300517260844, 114.26724485431662, 160.2618760999904, 200.19977940039996, 262.5886634714944, 318.62816279823653, 317.3842683911697, 322.31717692354533, 306.2237174395395, 301.32006764536413, 287.820213473003, 273.96010521432106, 241.00561050461306, 251.92768364590208, 250.04078116499912, 277.0546395522128, 265.77870198888843, 277.8949014357988, 242.94200781510116, 244.11124369459682, 261.4431620758173, 261.3434719223561, 266.47973899226406, 248.81059004187077, 253.7029447621691, 254.6262843627449, 263.82002913505534, 247.7570725424023, 270.70467540639953, 252.45543576617436, 210.31452842665206, 227.94426708922762, 232.25425044514103, 222.0744740674748, 205.73216312372753, 208.77619937866615, 233.28533683147896, 204.69935574992627, 237.5505470194555, 229.44635808069813, 235.21168471528208, 248.7786362465025, 248.25391712866858, 253.24495642127266, 272.5431062070371, 263.51960283364133, 254.870854090296, 257.1387146560159, 259.0368812518209, 271.83954244193245, 246.28452837136362, 232.25571023777835, 253.0267247571281, 249.44418031287464, 257.8261761576302, 264.1114814269816, 257.6742965573407, 277.88228386536383, 273.79869037449845, 264.00669140277296, 263.45052369170344, 253.07097391931498, 274.28050156891794, 237.61152392788173, 208.90680891016083, 223.1830710792902, 212.1988868481618, 207.84597685673344, 210.29771715326294, 205.77083332018492, 172.91686530342278, 127.55285516145209, 0
] }]
};
截图如下
