XL20150815/16echarts 柱状配置项内容和展示
配置项如下
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-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',
'2015-08-15 23:20:03',
'2015-08-15 23:35:03',
'2015-08-15 23:50:03',
'2015-08-16 00:05:03',
'2015-08-16 00:20:03',
'2015-08-16 00:35:03',
'2015-08-16 00:50:03',
'2015-08-16 01:05:03',
'2015-08-16 01:20:03',
'2015-08-16 01:35:03',
'2015-08-16 01:50:03',
'2015-08-16 02:05:03',
'2015-08-16 02:20:03',
'2015-08-16 02:35:03',
'2015-08-16 02:50:03',
'2015-08-16 03:05:03',
'2015-08-16 03:20:03',
'2015-08-16 03:35:03',
'2015-08-16 03:50:03',
'2015-08-16 04:05:03',
'2015-08-16 04:20:03',
'2015-08-16 04:35:03',
'2015-08-16 04:50:03',
'2015-08-16 05:05:03',
'2015-08-16 05:20:03',
'2015-08-16 05:35:03',
'2015-08-16 05:50:03',
'2015-08-16 06:05:03',
'2015-08-16 06:20:03',
'2015-08-16 06:35:03',
'2015-08-16 06:50:03',
'2015-08-16 07:05:03',
'2015-08-16 07:20:03',
'2015-08-16 07:35:03',
'2015-08-16 07:50:03',
'2015-08-16 08:05:03',
'2015-08-16 08:20:03',
'2015-08-16 08:35:03',
'2015-08-16 08:50:03',
'2015-08-16 09:05:03',
'2015-08-16 09:20:03',
'2015-08-16 09:35:03',
'2015-08-16 09:50:03',
'2015-08-16 10:05:03',
'2015-08-16 10:20:03',
'2015-08-16 10:35:03',
'2015-08-16 10:50:03',
'2015-08-16 11:05:03',
'2015-08-16 11:20:03',
'2015-08-16 11:35:03',
'2015-08-16 11:50:03',
'2015-08-16 12:05:03',
'2015-08-16 12:20:03',
'2015-08-16 12:35:03',
'2015-08-16 12:50:03',
'2015-08-16 13:05:03',
'2015-08-16 13:20:03',
'2015-08-16 13:35:03',
'2015-08-16 13:50:03',
'2015-08-16 14:05:03',
'2015-08-16 14:20:03',
'2015-08-16 14:35:03',
'2015-08-16 14:50:03',
'2015-08-16 15:05:03',
'2015-08-16 15:20:03',
'2015-08-16 15:35:03',
'2015-08-16 15:50:03',
'2015-08-16 16:05:03',
'2015-08-16 16:20:03',
'2015-08-16 16:35:03',
'2015-08-16 16:50:03',
'2015-08-16 17:05:03',
'2015-08-16 17:20:03',
'2015-08-16 17:35:03',
'2015-08-16 17:50:03',
'2015-08-16 18:05:03',
'2015-08-16 18:20:03',
'2015-08-16 18:35:03',
'2015-08-16 18:50:03',
'2015-08-16 19:05:03',
'2015-08-16 19:20:03',
'2015-08-16 19:35:03',
'2015-08-16 19:50:03',
'2015-08-16 20:05:03',
'2015-08-16 20:20:03',
'2015-08-16 20:35:03',
'2015-08-16 20:50:03',
'2015-08-16 21:05:03',
'2015-08-16 21:20:03',
'2015-08-16 21:35:03',
'2015-08-16 21:50:03',
'2015-08-16 22:05:03',
'2015-08-16 22:20:03',
'2015-08-16 22:35:03',
'2015-08-16 22:50:03',
'2015-08-16 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, 1, 1, 2, 6, 5, 7, 7, 7, 6, 5, 4, 4, 9, 375, 336, 312, 280, 234, 196, 161, 125, 96, 68, 50, 33, 20, 12, 10, 12, 11, 10, 9, 10, 9, 9, 10, 9, 9, 10, 10, 9, 11, 11, 21, 49, 102, 152, 207, 267, 336, 395, 470, 521, 571, 631, 684, 733, 789, 824, 842, 852, 869, 872, 866, 862, 846, 841, 826, 787, 764, 741, 722, 687, 661, 651, 631, 622, 635, 633, 642, 659, 687, 705, 742, 750, 777, 799, 807, 818, 814, 817, 825, 809, 804, 791, 768, 743, 726, 685, 652, 644, 604, 587, 558, 544, 517, 494, 466, 433, 390, 354, 312, 261, 224, 186, 146, 104
]},
{
name:'speed(m/min)',
type:'line',
data:[0, 0, 0, 248.40211391853055, 125.20360388577149, 71.15819313315002, 173.50309371634182, 128.0909292156468, 112.44464265875442, 227.43273208459064, 267.0140132981427, 187.33776762867262, 296.4152420111923, 179.1084213976729, 185.99200420066308, 255.65504099002285, 245.95913512152347, 230.76661854905686, 228.36085233058776, 215.95677293170937, 194.56142896781012, 162.3240222647537, 119.46082096319473, 97.15603079716226, 71.7886373635388, 32.2184777584592, 22.491903476390792, 39.96863608297854, 53.442072659257626, 61.63824251882215, 61.67372083906099, 30.493132239661804, 38.30847083774945, 48.94295784540097, 50.6486747950933, 79.1053463521008, 63.19625142447454, 80.25758535372874, 56.44573646967328, 47.362255329929866, 24.59793507617633, 27.343946996814005, 56.17190246325072, 91.00269547608892, 62.93467256598596, 57.22648519818068, 61.75390215120572, 113.70777509603238, 186.7195852789233, 222.88132637931372, 240.96896401912232, 242.42430631520517, 251.47954488915414, 248.08299720900402, 249.25075793002225, 257.1268229252619, 255.3663612565744, 248.94106394021892, 247.94895285814005, 244.19899891099084, 250.5785560004481, 249.43459278869116, 253.42838188933996, 241.94492932300258, 236.6570398269616, 227.36393934115142, 216.8873351896455, 225.44705723887472, 222.85543152207606, 219.49543605745006, 221.5787411468973, 216.7356389668502, 219.41991999688273, 224.75928540229512, 216.90073543597185, 220.53669717022902, 218.65983356494792, 219.36747811558692, 224.05365611791825, 220.15851841031161, 227.31731838302693, 225.7152243524843, 225.32530099987014, 228.06866497351413, 234.97012259828688, 238.35642648845638, 244.57218700722248, 243.17956361560152, 243.39299898517308, 242.99403822291794, 248.39783152219013, 250.11431120229975, 248.29472324118737, 239.81223233504716, 228.98732399527623, 231.58174843558325, 229.56276996668066, 229.77363792114693, 230.1240643787882, 226.24842131056312, 231.84586623361614, 233.14172222282505, 224.07164291293105, 224.70480119189872, 216.65277616142532, 229.6154762387177, 222.32722779552472, 222.17176548233002, 233.37958986081082, 239.39518073907487, 243.27314951482217, 235.72660106965787, 234.34421962560825, 238.44122041382838, 232.92404748164185, 207.24354504752105, 186.67036218772412, 148.84095568133634, 115.80822725943044
]}
]
};
截图如下
