BUS20150812/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: 1000,
axisLabel: {
formatter: '{value}m/min '
}
}],
series: [{
name: 'group',
type: 'bar',
// yAxisIndex: 1,
data: [5, 1, 2, 1, 2, 4, 4, 2, 440, 490, 479, 472, 458, 443, 423, 398, 385, 366, 340, 314, 294, 278, 255, 236, 217, 198, 198, 195, 193, 192, 190, 189, 188, 184, 184, 183, 182, 187, 185, 186, 184, 185, 192, 192, 197, 218, 254, 291, 354, 414, 465, 500, 521, 542, 545, 556, 557, 560, 563, 563, 562, 567, 562, 557, 563, 547, 545, 539, 536, 527, 520, 510, 496, 505, 496, 494, 493, 501, 492, 490, 495, 508, 510, 521, 525, 519, 528, 530, 536, 541, 551, 545, 547, 552, 547, 543, 541, 538, 534, 529, 531, 525, 511, 505, 491, 474, 462, 448, 428, 417, 388, 368, 360, 341, 315, 288, 266, 230, 0]
}, {
name: 'speed(m/min)',
type: 'line',
data: [0, 0, 0, 0, 0, 0, 0, 0, 201.00503388044586, 191.9377422956401, 186.26851595825818, 190.81951025343437, 190.22025252215806, 184.86603804297962, 180.59478150182872, 177.82950968468407, 181.3756894169817, 173.8722311150678, 155.8507378292085, 141.16062342796093, 137.17222769522974, 109.99790199442243, 94.27213718895037, 75.5825442973072, 50.74663167973156, 33.69235066484705, 33.1624371261597, 18.558888785820923, 17.523981709779388, 11.138551141081132, 12.970656557936948, 10.833883533853749, 11.416082367618733, 7.989823812400538, 14.643544841566095, 12.868005324728504, 5.596340449396077, 10.52946587196646, 5.961710052687949, 5.454765900028282, 8.369222102419224, 16.426149143429512, 14.43468827266091, 16.063163493948803, 19.944655654756097, 26.359230678826133, 43.62472627254683, 79.09360070265312, 142.42547802832604, 173.94829404997665, 213.764596853915, 230.90950831911485, 243.01956060793128, 243.862056046255, 237.17876501284383, 233.69095020599738, 223.90719819961444, 216.5867283387998, 198.19046190051733, 204.81885919928652, 205.77766433068777, 212.9969335838596, 202.94488959814154, 208.21821897386027, 203.19142278562313, 196.4811711283375, 195.92566470154685, 186.63738107429785, 185.2440339317153, 182.56372225931716, 175.9338777509058, 180.5209514750346, 185.96647717561632, 182.21436553419727, 178.62355356847797, 177.06819426301206, 166.01231347805913, 163.40286686873165, 158.05442682966043, 150.3323685346579, 147.9249966847037, 149.66046561511294, 158.42443683300405, 157.4864813216138, 157.65574050780052, 156.05503588215137, 158.5046075611146, 170.90015434325983, 173.2444428407312, 181.68250466956883, 188.2519941435306, 190.71967602860948, 191.26475047450086, 200.06827851761236, 200.94779723835873, 205.9582955939391, 193.78006701002343, 188.8296326462387, 181.9151178393236, 180.83723851505192, 182.64087021971613, 198.56812452396693, 211.60002254216352, 211.03189800562762, 217.23816951702867, 204.3615563153726, 198.5435909712408, 196.31909492920235, 196.8635685639073, 182.53059475111635, 170.81083135595756, 175.90510795712183, 184.25746104410723, 180.96292585975777, 172.49512742073892, 159.2624618433364, 130.62019031420348, 103.51225863429164, 0]
}]
};
截图如下
