XL海淀20150813/14echarts 柱状配置项内容和展示
配置项如下
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-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',
'2015-08-13 23:20:03',
'2015-08-13 23:35:03',
'2015-08-13 23:50:03',
'2015-08-14 00:05:03',
'2015-08-14 00:20:03',
'2015-08-14 00:35:03',
'2015-08-14 00:50:03',
'2015-08-14 01:05:03',
'2015-08-14 01:20:03',
'2015-08-14 01:35:03',
'2015-08-14 01:50:03',
'2015-08-14 02:05:03',
'2015-08-14 02:20:03',
'2015-08-14 02:35:03',
'2015-08-14 02:50:03',
'2015-08-14 03:05:03',
'2015-08-14 03:20:03',
'2015-08-14 03:35:03',
'2015-08-14 03:50:03',
'2015-08-14 04:05:03',
'2015-08-14 04:20:03',
'2015-08-14 04:35:03',
'2015-08-14 04:50:03',
'2015-08-14 05:05:03',
'2015-08-14 05:20:03',
'2015-08-14 05:35:03',
'2015-08-14 05:50:03',
'2015-08-14 06:05:03',
'2015-08-14 06:20:03',
'2015-08-14 06:35:03',
'2015-08-14 06:50:03',
'2015-08-14 07:05:03',
'2015-08-14 07:20:03',
'2015-08-14 07:35:03',
'2015-08-14 07:50:03',
'2015-08-14 08:05:03',
'2015-08-14 08:20:03',
'2015-08-14 08:35:03',
'2015-08-14 08:50:03',
'2015-08-14 09:05:03',
'2015-08-14 09:20:03',
'2015-08-14 09:35:03',
'2015-08-14 09:50:03',
'2015-08-14 10:05:03',
'2015-08-14 10:20:03',
'2015-08-14 10:35:03',
'2015-08-14 10:50:03',
'2015-08-14 11:05:03',
'2015-08-14 11:20:03',
'2015-08-14 11:35:03',
'2015-08-14 11:50:03',
'2015-08-14 12:05:03',
'2015-08-14 12:20:03',
'2015-08-14 12:35:03',
'2015-08-14 12:50:03',
'2015-08-14 13:05:03',
'2015-08-14 13:20:03',
'2015-08-14 13:35:03',
'2015-08-14 13:50:03',
'2015-08-14 14:05:03',
'2015-08-14 14:20:03',
'2015-08-14 14:35:03',
'2015-08-14 14:50:03',
'2015-08-14 15:05:03',
'2015-08-14 15:20:03',
'2015-08-14 15:35:03',
'2015-08-14 15:50:03',
'2015-08-14 16:05:03',
'2015-08-14 16:20:03',
'2015-08-14 16:35:03',
'2015-08-14 16:50:03',
'2015-08-14 17:05:03',
'2015-08-14 17:20:03',
'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',
]
}],
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, 1, 1, 1, 1, 2, 2, 2, 1, 1, 3, 3, 95, 204, 179, 142, 121, 98, 74, 47, 33, 22, 13, 10, 8, 7, 7, 6, 6, 7, 7, 9, 8, 11, 10, 8, 9, 10, 12, 11, 10, 6, 7, 19, 50, 79, 122, 157, 218, 270, 321, 374, 416, 459, 474, 485, 500, 495, 499, 497, 482, 472, 458, 450, 438, 428, 420, 398, 370, 346, 331, 313, 303, 292, 274, 268, 267, 274, 277, 275, 294, 309, 315, 322, 337, 342, 362, 375, 388, 397, 432, 444, 459, 469, 475, 475, 471, 466, 445, 436, 414, 385, 370, 349, 325, 297, 278, 261, 239, 225, 189, 160, 138, 113, 74, 0
] }, {
name: 'speed(m/min)',
type: 'line',
data: [0, 0, 0, 0, 367.1696429618004, 303.63223213119784, 51.35614254224788, 0.0, 0.0, 0.0, 23.56557187589319, 0.0, 289.22966212968936, 128.19275170357182, 309.0214718629905, 212.76223179505996, 233.68965666489908, 232.06620021338594, 219.84830772653012, 206.96164088762401, 165.7444797528444, 142.34092028494115, 104.03204525256577, 72.7129085839195, 72.42715011143817, 78.04843229420986, 37.50668499659197, 45.83840413236174, 7.237660802566324, 34.20588453320853, 50.666536794345426, 31.61016137870216, 41.21596584016554, 30.906345628371543, 32.435146869137114, 0.9832700521200315, 1.2693956945513458, 0.9774845824878335, 1.7478695411668053, 1.1038539659289508, 1.3166209403995601, 1.0223462140004023, 1.7224128702897474, 1.1826896963500604, 1.5032591149566328, 2.425719153341761, 47.64613629293096, 120.55016690883096, 198.9357165264888, 235.92666843451678, 255.59924124083014, 253.00797886701824, 260.61495101024343, 266.9987825961965, 244.33236969213, 249.93852331457535, 241.68960770863632, 238.40389530135417, 229.03865550220334, 224.23836514907813, 222.00530976348634, 215.73519550591283, 228.66451488907853, 217.63773577029392, 219.50472441700214, 227.2441567768973, 222.5825073213471, 229.3836696859979, 228.714799201856, 229.1803928003072, 231.9620540989039, 236.97555318138507, 237.86347261702275, 236.501253212973, 238.94568330864348, 244.02423341701603, 229.5439847927993, 239.17951848165413, 232.0014867893801, 229.4228842920892, 227.25054361105427, 220.63920172751492, 225.91910583039765, 230.89504581047, 237.2164892311611, 244.16389719632062, 246.3249551549175, 242.86690828282102, 239.90541543877293, 244.13622201457176, 232.32154093332366, 243.50377014322117, 245.50611122693456, 247.11393209551892, 231.25433904124844, 234.34459391055796, 222.80600926079853, 217.58219821292286, 217.11113921567676, 221.05197530846243, 224.92631612014227, 222.43296407969663, 228.5974511239673, 226.17014424855316, 225.78406505937292, 233.09402553060733, 220.3428313350328, 218.47736302206303, 228.859036384157, 236.5284703777666, 227.4927804143563, 233.1254074069833, 227.58936271159385, 216.34789460039346, 201.17997000719123, 160.6364141078163, 128.35158114034908, 103.35350534812781, 0
] }]
};
截图如下
