XL20150817/18echarts 柱状配置项内容和展示
配置项如下
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-17 17:35:03',
'2015-08-17 17:50:03',
'2015-08-17 18:05:03',
'2015-08-17 18:20:03',
'2015-08-17 18:35:03',
'2015-08-17 18:50:03',
'2015-08-17 19:05:03',
'2015-08-17 19:20:03',
'2015-08-17 19:35:03',
'2015-08-17 19:50:03',
'2015-08-17 20:05:03',
'2015-08-17 20:20:03',
'2015-08-17 20:35:03',
'2015-08-17 20:50:03',
'2015-08-17 21:05:03',
'2015-08-17 21:20:03',
'2015-08-17 21:35:03',
'2015-08-17 21:50:03',
'2015-08-17 22:05:03',
'2015-08-17 22:20:03',
'2015-08-17 22:35:03',
'2015-08-17 22:50:03',
'2015-08-17 23:05:03',
'2015-08-17 23:20:03',
'2015-08-17 23:35:03',
'2015-08-17 23:50:03',
'2015-08-18 00:05:03',
'2015-08-18 00:20:03',
'2015-08-18 00:35:03',
'2015-08-18 00:50:03',
'2015-08-18 01:05:03',
'2015-08-18 01:20:03',
'2015-08-18 01:35:03',
'2015-08-18 01:50:03',
'2015-08-18 02:05:03',
'2015-08-18 02:20:03',
'2015-08-18 02:35:03',
'2015-08-18 02:50:03',
'2015-08-18 03:05:03',
'2015-08-18 03:20:03',
'2015-08-18 03:35:03',
'2015-08-18 03:50:03',
'2015-08-18 04:05:03',
'2015-08-18 04:20:03',
'2015-08-18 04:35:03',
'2015-08-18 04:50:03',
'2015-08-18 05:05:03',
'2015-08-18 05:20:03',
'2015-08-18 05:35:03',
'2015-08-18 05:50:03',
'2015-08-18 06:05:03',
'2015-08-18 06:20:03',
'2015-08-18 06:35:03',
'2015-08-18 06:50:03',
'2015-08-18 07:05:03',
'2015-08-18 07:20:03',
'2015-08-18 07:35:03',
'2015-08-18 07:50:03',
'2015-08-18 08:05:03',
'2015-08-18 08:20:03',
'2015-08-18 08:35:03',
'2015-08-18 08:50:03',
'2015-08-18 09:05:03',
'2015-08-18 09:20:03',
'2015-08-18 09:35:03',
'2015-08-18 09:50:03',
'2015-08-18 10:05:03',
'2015-08-18 10:20:03',
'2015-08-18 10:35:03',
'2015-08-18 10:50:03',
'2015-08-18 11:05:03',
'2015-08-18 11:20:03',
'2015-08-18 11:35:03',
'2015-08-18 11:50:03',
'2015-08-18 12:05:03',
'2015-08-18 12:20:03',
'2015-08-18 12:35:03',
'2015-08-18 12:50:03',
'2015-08-18 13:05:03',
'2015-08-18 13:20:03',
'2015-08-18 13:35:03',
'2015-08-18 13:50:03',
'2015-08-18 14:05:03',
'2015-08-18 14:20:03',
'2015-08-18 14:35:03',
'2015-08-18 14:50:03',
'2015-08-18 15:05:03',
'2015-08-18 15:20:03',
'2015-08-18 15:35:03',
'2015-08-18 15:50:03',
'2015-08-18 16:05:03',
'2015-08-18 16:20:03',
'2015-08-18 16:35:03',
'2015-08-18 16:50:03',
'2015-08-18 17:05:03',
'2015-08-18 17:20:03',
'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',
]
}],
yAxis: [{
type: 'value',
name: 'group',
min: 0,
max: 1000,
axisLabel: {
formatter: '{value} '
}
}, {
type: 'value',
name: 'speed(m/min)',
min: 0,
max: 1000,
axisLabel: {
formatter: '{value}m/min '
}
}],
series: [{
name: 'group',
type: 'bar',
//yAxisIndex: 1,
data: [0, 0, 1, 3, 4, 1, 3, 2, 3, 3, 3, 5, 5, 11, 415, 446, 403, 360, 321, 270, 236, 180, 133, 92, 62, 44, 28, 23, 16, 15, 15, 12, 11, 10, 9, 8, 9, 7, 6, 6, 6, 6, 7, 6, 8, 20, 52, 103, 175, 260, 359, 473, 581, 679, 761, 832, 885, 915, 930, 931, 931, 935, 927, 921, 899, 896, 877, 841, 817, 788, 764, 725, 689, 661, 641, 604, 581, 562, 559, 554, 562, 548, 557, 577, 595, 624, 639, 671, 693, 729, 758, 790, 826, 846, 875, 886, 896, 883, 885, 874, 865, 843, 827, 804, 770, 727, 683, 644, 594, 556, 510, 464, 410, 344, 302, 259, 224, 158, 0
] }, {
name: 'speed(m/min)',
type: 'line',
data: [0, 0, 0, 57.13200989866457, 161.08850107927861, 377.393344604523, 155.7150877594125, 123.97225438428413, 110.09251438349396, 118.20841316217452, 296.6130953508062, 208.76803069333246, 194.37499341618462, 210.8738640918338, 242.9695441903024, 232.66667173775846, 230.6327037949528, 218.0490116406584, 211.76221669987274, 209.7611345996162, 181.4588745252531, 152.18962061747234, 128.13801163669243, 106.7229980792596, 85.15481162177916, 42.88216274600779, 62.66132180561186, 44.71577992936138, 65.99748544422137, 115.05867806606442, 109.34071179026121, 106.97852235455696, 101.01779290312273, 110.79737575186691, 107.08652638542738, 41.28139024085579, 35.604791753356686, 5.082720163976663, 2.9194374068170217, 2.7631336784163723, 2.9681099110072253, 7.828721353767684, 89.95514226079483, 3.0215656798286576, 32.751977057057466, 11.708866090724387, 53.032749117853406, 113.06312584439597, 191.20746963815168, 209.25545498643615, 227.1060411873327, 229.51091781377144, 238.17676264469065, 237.06902728335106, 238.54108067343216, 236.24283431054394, 233.00706447134917, 228.90682906553855, 220.95387168236059, 222.97638253344977, 221.04718029937678, 224.72986378243624, 225.01069840470996, 224.43484703231724, 227.34063917430527, 221.34684097507534, 218.09138448721853, 223.27672634654132, 220.05470939372205, 217.56380979841674, 219.71266541754488, 219.1671987812315, 212.34978137034463, 215.3880153120804, 216.6170797764434, 219.4305501917582, 219.26401551135496, 218.80547651263038, 214.2495775177631, 216.96067211303108, 217.34862027907494, 219.5840734601713, 224.94532421991275, 221.2907476411849, 224.60624443618872, 230.63673691344104, 233.138172673325, 233.77964788871577, 233.08365631790707, 232.0039793787665, 233.89325620019176, 231.31463062948274, 233.69971444138284, 234.28587756862257, 224.20288141337326, 226.54640021328447, 211.61266024240805, 209.83234649666676, 209.3198490018734, 208.45566776951247, 213.92800952997624, 219.6642368187363, 231.23108357220852, 224.71597980532192, 226.0087028339416, 225.0100551242423, 221.40650902379488, 230.0495403342277, 232.7137944803226, 232.27898325028792, 229.9898626164247, 239.92123219601672, 231.11084318803643, 236.60533057285005, 220.95383620119102, 207.9570611565925, 175.24843357838043, 189.557439441078, 0
] }]
};
截图如下
