XL海淀20150818/19echarts 柱状配置项内容和展示
配置项如下
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-18 17:35:03',
'2015-08-18 17:50:03',
'2015-08-18 18:05:03',
'2015-08-18 18:20:03',
'2015-08-18 18:35:03',
'2015-08-18 18:50:03',
'2015-08-18 19:05:03',
'2015-08-18 19:20:03',
'2015-08-18 19:35:03',
'2015-08-18 19:50:03',
'2015-08-18 20:05:03',
'2015-08-18 20:20:03',
'2015-08-18 20:35:03',
'2015-08-18 20:50:03',
'2015-08-18 21:05:03',
'2015-08-18 21:20:03',
'2015-08-18 21:35:03',
'2015-08-18 21:50:03',
'2015-08-18 22:05:03',
'2015-08-18 22:20:03',
'2015-08-18 22:35:03',
'2015-08-18 22:50:03',
'2015-08-18 23:05:03',
'2015-08-18 23:20:03',
'2015-08-18 23:35:03',
'2015-08-18 23:50:03',
'2015-08-19 00:05:03',
'2015-08-19 00:20:03',
'2015-08-19 00:35:03',
'2015-08-19 00:50:03',
'2015-08-19 01:05:03',
'2015-08-19 01:20:03',
'2015-08-19 01:35:03',
'2015-08-19 01:50:03',
'2015-08-19 02:05:03',
'2015-08-19 02:20:03',
'2015-08-19 02:35:03',
'2015-08-19 02:50:03',
'2015-08-19 03:05:03',
'2015-08-19 03:20:03',
'2015-08-19 03:35:03',
'2015-08-19 03:50:03',
'2015-08-19 04:05:03',
'2015-08-19 04:20:03',
'2015-08-19 04:35:03',
'2015-08-19 04:50:03',
'2015-08-19 05:05:03',
'2015-08-19 05:20:03',
'2015-08-19 05:35:03',
'2015-08-19 05:50:03',
'2015-08-19 06:05:03',
'2015-08-19 06:20:03',
'2015-08-19 06:35:03',
'2015-08-19 06:50:03',
'2015-08-19 07:05:03',
'2015-08-19 07:20:03',
'2015-08-19 07:35:03',
'2015-08-19 07:50:03',
'2015-08-19 08:05:03',
'2015-08-19 08:20:03',
'2015-08-19 08:35:03',
'2015-08-19 08:50:03',
'2015-08-19 09:05:03',
'2015-08-19 09:20:03',
'2015-08-19 09:35:03',
'2015-08-19 09:50:03',
'2015-08-19 10:05:03',
'2015-08-19 10:20:03',
'2015-08-19 10:35:03',
'2015-08-19 10:50:03',
'2015-08-19 11:05:03',
'2015-08-19 11:20:03',
'2015-08-19 11:35:03',
'2015-08-19 11:50:03',
'2015-08-19 12:05:03',
'2015-08-19 12:20:03',
'2015-08-19 12:35:03',
'2015-08-19 12:50:03',
'2015-08-19 13:05:03',
'2015-08-19 13:20:03',
'2015-08-19 13:35:03',
'2015-08-19 13:50:03',
'2015-08-19 14:05:03',
'2015-08-19 14:20:03',
'2015-08-19 14:35:03',
'2015-08-19 14:50:03',
'2015-08-19 15:05:03',
'2015-08-19 15:20:03',
'2015-08-19 15:35:03',
'2015-08-19 15:50:03',
'2015-08-19 16:05:03',
'2015-08-19 16:20:03',
'2015-08-19 16:35:03',
'2015-08-19 16:50:03',
'2015-08-19 17:05:03',
'2015-08-19 17:20:03',
'2015-08-19 17:35:03',
'2015-08-19 17:50:03',
'2015-08-19 18:05:03',
'2015-08-19 18:20:03',
'2015-08-19 18:35:03',
'2015-08-19 18:50:03',
'2015-08-19 19:05:03',
'2015-08-19 19:20:03',
'2015-08-19 19:35:03',
'2015-08-19 19:50:03',
'2015-08-19 20:05:03',
'2015-08-19 20:20:03',
'2015-08-19 20:35:03',
'2015-08-19 20:50:03',
'2015-08-19 21:05:03',
'2015-08-19 21:20:03',
'2015-08-19 21:35:03',
'2015-08-19 21:50:03',
'2015-08-19 22:05:03',
'2015-08-19 22:20:03',
'2015-08-19 22:35:03',
'2015-08-19 22:50:03',
'2015-08-19 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, 1, 1, 2, 2, 2, 1, 2, 2, 2, 1, 1, 1, 2, 167, 174, 148, 117, 103, 75, 53, 33, 20, 15, 8, 7, 5, 5, 5, 4, 4, 5, 6, 6, 5, 4, 4, 4, 4, 4, 4, 4, 4, 11, 27, 55, 83, 111, 157, 230, 296, 346, 399, 436, 466, 491, 491, 500, 505, 520, 513, 496, 484, 478, 466, 454, 442, 416, 412, 398, 381, 356, 337, 319, 306, 285, 272, 280, 276, 290, 302, 308, 316, 336, 338, 348, 359, 370, 384, 397, 408, 428, 442, 463, 471, 471, 485, 488, 471, 457, 441, 417, 401, 375, 364, 347, 315, 293, 270, 243, 221, 190, 158, 125, 98, 74, 54
] }, {
name: 'speed(m/min)',
type: 'line',
data: [0, 0, 0, 24.534636260195835, 31.431852290468733, 336.53637698684076, 385.24303540987484, 373.0066358215206, 295.8602159603613, 164.6584217427105, 190.18197177480283, 105.16333196705666, 281.7519871686738, 432.09274841894705, 351.2257583518388, 131.91793653103008, 254.67556639895608, 235.04189033105803, 225.98249175553326, 220.36042975014468, 184.71344481340532, 146.79099448498408, 117.3573162844302, 81.50980887769113, 61.91970234406922, 88.97719780019735, 66.77786344029286, 49.97881342810267, 82.62992796391885, 52.50795431798788, 61.98864037243029, 17.70118324131394, 20.16457832234193, 58.20419437571053, 72.66456709004265, 75.31617729699222, 74.45964450305398, 13.811933337233626, 12.180429407815105, 17.552244488619067, 30.50687300312918, 19.58520364680836, 10.347345160123467, 23.47634623799089, 20.564565145660602, 26.853589955216524, 47.61975830232978, 114.32936813089606, 189.04166611998767, 248.67966136926015, 246.00605634576627, 252.8977092078791, 252.42994213754454, 251.88309881217143, 252.30310299264394, 238.64389358750714, 233.8987982688994, 214.40338557614564, 208.37891699707475, 213.49448583601514, 214.32858514639315, 225.8819688157773, 225.07259902487203, 232.76530985337416, 234.74274530903057, 225.50976028791646, 216.69111994896315, 212.99444481346558, 229.0759522083296, 229.9007842512944, 216.43721175505488, 211.42118648194864, 229.30090044249698, 234.90940132887923, 249.54565853707533, 247.39092670496035, 236.3409717069981, 245.66695307119696, 233.9681587061329, 221.38370914691214, 237.6552670289289, 239.23298969003778, 228.9087188779588, 229.47341582288308, 235.85284999196406, 230.97484191474828, 238.16172919167337, 245.6505819559227, 245.8687539481314, 244.86760590853433, 242.3654762164018, 247.89561296635378, 244.90151518812837, 245.5399445818361, 240.52034530409335, 227.62211597352982, 222.4087424706762, 224.02541544865647, 211.5052079415854, 217.71465573385478, 222.88842834111932, 227.53511393312826, 226.8646029293042, 229.21075068389217, 241.78839363166864, 228.00763988961626, 234.56053737770944, 234.5783324051913, 243.79073429347977, 234.46587154776674, 243.74151406910403, 246.9465942781683, 239.4973822140166, 235.5682747722552, 213.65036038201472, 176.14865829145685, 156.6088228836816, 123.38274664555644, 89.96109466598192
] }]
};
截图如下
