XL海淀20150814/15echarts 柱状配置项内容和展示
配置项如下
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-14 17:35:03',
'2015-08-14 17:50:03',
'2015-08-14 18:05:03',
'2015-08-14 18:20:03',
'2015-08-14 18:35:03',
'2015-08-14 18:50:03',
'2015-08-14 19:05:03',
'2015-08-14 19:20:03',
'2015-08-14 19:35:03',
'2015-08-14 19:50:03',
'2015-08-14 20:05:03',
'2015-08-14 20:20:03',
'2015-08-14 20:35:03',
'2015-08-14 20:50:03',
'2015-08-14 21:05:03',
'2015-08-14 21:20:03',
'2015-08-14 21:35:03',
'2015-08-14 21:50:03',
'2015-08-14 22:05:03',
'2015-08-14 22:20:03',
'2015-08-14 22:35:03',
'2015-08-14 22:50:03',
'2015-08-14 23:05:03',
'2015-08-14 23:20:03',
'2015-08-14 23:35:03',
'2015-08-14 23:50:03',
'2015-08-15 00:05:03',
'2015-08-15 00:20:03',
'2015-08-15 00:35:03',
'2015-08-15 00:50:03',
'2015-08-15 01:05:03',
'2015-08-15 01:20:03',
'2015-08-15 01:35:03',
'2015-08-15 01:50:03',
'2015-08-15 02:05:03',
'2015-08-15 02:20:03',
'2015-08-15 02:35:03',
'2015-08-15 02:50:03',
'2015-08-15 03:05:03',
'2015-08-15 03:20:03',
'2015-08-15 03:35:03',
'2015-08-15 03:50:03',
'2015-08-15 04:05:03',
'2015-08-15 04:20:03',
'2015-08-15 04:35:03',
'2015-08-15 04:50:03',
'2015-08-15 05:05:03',
'2015-08-15 05:20:03',
'2015-08-15 05:35:03',
'2015-08-15 05:50:03',
'2015-08-15 06:05:03',
'2015-08-15 06:20:03',
'2015-08-15 06:35:03',
'2015-08-15 06:50:03',
'2015-08-15 07:05:03',
'2015-08-15 07:20:03',
'2015-08-15 07:35:03',
'2015-08-15 07:50:03',
'2015-08-15 08:05:03',
'2015-08-15 08:20:03',
'2015-08-15 08:35:03',
'2015-08-15 08:50:03',
'2015-08-15 09:05:03',
'2015-08-15 09:20:03',
'2015-08-15 09:35:03',
'2015-08-15 09:50:03',
'2015-08-15 10:05:03',
'2015-08-15 10:20:03',
'2015-08-15 10:35:03',
'2015-08-15 10:50:03',
'2015-08-15 11:05:03',
'2015-08-15 11:20:03',
'2015-08-15 11:35:03',
'2015-08-15 11:50:03',
'2015-08-15 12:05:03',
'2015-08-15 12:20:03',
'2015-08-15 12:35:03',
'2015-08-15 12:50:03',
'2015-08-15 13:05:03',
'2015-08-15 13:20:03',
'2015-08-15 13:35:03',
'2015-08-15 13:50:03',
'2015-08-15 14:05:03',
'2015-08-15 14:20:03',
'2015-08-15 14:35:03',
'2015-08-15 14:50:03',
'2015-08-15 15:05:03',
'2015-08-15 15:20:03',
'2015-08-15 15:35:03',
'2015-08-15 15:50:03',
'2015-08-15 16:05:03',
'2015-08-15 16:20:03',
'2015-08-15 16:35:03',
'2015-08-15 16:50:03',
'2015-08-15 17:05:03',
'2015-08-15 17:20:03',
'2015-08-15 17:35:03',
'2015-08-15 17:50:03',
'2015-08-15 18:05:03',
'2015-08-15 18:20:03',
'2015-08-15 18:35:03',
'2015-08-15 18:50:03',
'2015-08-15 19:05:03',
'2015-08-15 19:20:03',
'2015-08-15 19:35:03',
'2015-08-15 19:50:03',
'2015-08-15 20:05:03',
'2015-08-15 20:20:03',
'2015-08-15 20:35:03',
'2015-08-15 20:50:03',
'2015-08-15 21:05:03',
'2015-08-15 21:20:03',
'2015-08-15 21:35:03',
'2015-08-15 21:50:03',
'2015-08-15 22:05:03',
'2015-08-15 22:20:03',
'2015-08-15 22:35:03',
'2015-08-15 22:50:03',
'2015-08-15 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, 0, 1, 0, 0, 1, 3, 3, 231, 225, 192, 162, 144, 120, 91, 66, 45, 29, 14, 9, 4, 3, 5, 6, 5, 4, 4, 3, 3, 3, 4, 4, 4, 4, 3, 3, 3, 3, 8, 30, 48, 77, 102, 135, 171, 203, 245, 267, 304, 329, 352, 379, 401, 429, 439, 455, 460, 447, 448, 462, 429, 421, 407, 405, 373, 363, 355, 355, 346, 318, 307, 308, 304, 319, 320, 331, 346, 363, 382, 383, 399, 407, 420, 428, 436, 439, 438, 412, 401, 390, 373, 366, 374, 367, 350, 331, 313, 290, 281, 261, 259, 241, 231, 214, 201, 171, 162, 133, 104, 85, 64, 51
] }, {
name: 'speed(m/min)',
type: 'line',
data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0.0, 0, 0, 184.3601731557509, 236.11463987279225, 297.10814836113104, 229.1154865069866, 223.45097146935007, 213.94269883586603, 203.36975180159752, 158.25587349200157, 140.66444468096475, 107.31465503171535, 82.4017681769746, 52.68526852106139, 17.433914170682723, 8.541052200102527, 29.582463365422964, 2.3584425699232257, 2.9573456160346328, 101.8065132398933, 110.12463945580897, 126.82698283958685, 83.31777293534203, 89.48112941301379, 4.755918241040598, 1.941407788253662, 5.962997235446704, 75.529198002984, 83.91808411346072, 55.77157139287009, 83.9148849219978, 5.804314650251475, 4.027669412497535, 5.218738469897205, 4.872364657165472, 50.749131581518505, 32.453556749326, 101.1511535402196, 172.6201138269375, 218.39773673547558, 242.20568162816275, 257.2472634291459, 262.25084451589737, 261.6446628992213, 257.8935512006624, 259.5355868800826, 254.70693459755486, 258.59873686145477, 258.8885508614054, 255.2300726257949, 255.12554521628942, 257.95820995931115, 251.65529302090746, 250.01234670384022, 248.01447151386347, 243.93984502524057, 244.58459647548364, 239.06154949399954, 239.5291938914095, 240.45065347968267, 230.61410153281093, 232.4732243246628, 237.10921782478854, 236.08710199200402, 230.12353641095513, 231.04359996806895, 239.82761178452822, 234.799534571302, 230.01368356086658, 227.52575027371307, 244.80882147535846, 243.45450404710428, 248.78458706023903, 244.20187585511744, 241.83940879832542, 235.2488081127345, 245.42411368064487, 250.64542748783828, 245.84670051781012, 248.61415765166112, 251.41086825509004, 250.75788822001326, 246.19851086585012, 257.7311805464506, 251.9284791086041, 253.93037409345172, 245.61585992685147, 239.19028438466697, 229.71716887581903, 240.28403042677795, 241.9722352718846, 244.51721348504574, 236.02637002231083, 235.4489386762317, 242.35314849401863, 230.49102725703284, 238.88514706575862, 235.12492346265554, 236.01467987955033, 246.4805463078795, 256.1336631168928, 264.42352279744114, 284.0042232860844, 245.91128186047928, 248.9733635490916, 225.2048779204244, 187.83662068818217, 153.2297678361095, 100.98608735217859
] }]
};
截图如下
