XL2015813/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, 1, 2, 1, 2, 1, 2, 5, 5, 7, 4, 4, 8, 12, 345, 396, 346, 307, 253, 206, 156, 110, 80, 52, 31, 26, 16, 12, 11, 10, 8, 9, 9, 13, 13, 14, 14, 10, 11, 12, 15, 13, 13, 10, 15, 45, 110, 181, 269, 359, 479, 571, 665, 735, 797, 856, 885, 902, 909, 917, 920, 917, 917, 898, 884, 869, 851, 828, 805, 763, 726, 684, 665, 635, 614, 598, 590, 562, 544, 549, 550, 561, 577, 599, 617, 645, 667, 688, 726, 750, 777, 790, 832, 852, 878, 877, 878, 875, 870, 851, 842, 825, 812, 773, 732, 697, 648, 609, 561, 509, 465, 430, 385, 331, 288, 245, 181, 0
]},
{
name:'speed(m/min)',
type:'line',
data:[0, 0, 0.0, 0.0, 367.1696429618004, 152.42800149808588, 51.35614254224788, 0.0, 0.9239441103742777, 4.963517254027218, 27.262317964810332, 69.34384980940665, 97.2516286656211, 115.5985876254053, 169.79775158740216, 217.27569220997572, 226.46815368949171, 230.5520897919917, 217.7615741563318, 207.10840567599843, 184.67643512826785, 166.6418242459183, 145.67606324611893, 107.70989909318912, 100.03800202554183, 80.73507705951167, 38.79266720002707, 50.1589341315214, 74.1241166141239, 31.26069201462986, 36.44006874415813, 25.212919611082448, 33.808434205252716, 25.211493650869343, 34.76227528903515, 60.856333369522225, 21.998548347629924, 4.764968797778199, 4.544000720704933, 2.373425442660465, 1.3382940606270648, 2.0226527997241486, 1.8165370733576394, 1.5138420441316576, 25.777925344138414, 35.55202420165199, 58.798892497487195, 127.89919185769686, 183.96544356674346, 212.27685800017477, 231.87466548113272, 229.65811197468065, 238.20056354283034, 238.8698304706337, 237.75005621002595, 243.44469381633303, 233.27389791868325, 233.4184095715345, 226.44711680624343, 219.8344054664719, 216.28495107383534, 215.27141609197824, 220.19922202500703, 212.85469277854799, 210.37629419240199, 214.81736270307664, 211.43654763114, 215.0305760673507, 215.0451991188939, 215.9019806762178, 215.62423622061704, 222.3400375499467, 220.81085276400145, 222.0307526214037, 222.3193393074189, 223.4786767846808, 216.94008461840323, 217.15785172504476, 219.61019405957973, 220.8380246409178, 218.3006090663979, 215.72264112836564, 222.0493871861753, 227.46906479021575, 226.7717733983142, 230.94783035947893, 231.78648801740616, 233.28472917303608, 231.13852789822624, 228.62786211005547, 225.29159990255363, 234.7207198660185, 234.17481084707845, 233.62269550799945, 227.2401035974211, 226.57240915085376, 218.6896165558142, 213.6453218094927, 210.23843968294497, 216.208207714817, 211.5500279420483, 217.80545283048207, 221.38224875757462, 219.71314057206348, 215.32881929034926, 218.00053343484575, 213.65759232784077, 215.84144269472284, 217.95083118097395, 225.00933632723948, 225.3837519565244, 227.1750081762723, 220.10436991006156, 205.60334421557997, 202.77313751197582, 186.3379173777233, 162.5661889211786, 152.3418356102504, 0
]}
]
};
截图如下
