XL2015081617(3环,周一)echarts 柱状配置项内容和展示

配置项如下
      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', 'speed3(m/min)','speed','group','group3']
    },
    xAxis: [{
        type: 'category',
        data: [
'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',
'2015-08-16 23:20:03',
'2015-08-16 23:35:03',
'2015-08-16 23:50:03',
'2015-08-17 00:05:03',
'2015-08-17 00:20:03',
'2015-08-17 00:35:03',
'2015-08-17 00:50:03',
'2015-08-17 01:05:03',
'2015-08-17 01:20:03',
'2015-08-17 01:35:03',
'2015-08-17 01:50:03',
'2015-08-17 02:05:03',
'2015-08-17 02:20:03',
'2015-08-17 02:35:03',
'2015-08-17 02:50:03',
'2015-08-17 03:05:03',
'2015-08-17 03:20:03',
'2015-08-17 03:35:03',
'2015-08-17 03:50:03',
'2015-08-17 04:05:03',
'2015-08-17 04:20:03',
'2015-08-17 04:35:03',
'2015-08-17 04:50:03',
'2015-08-17 05:05:03',
'2015-08-17 05:20:03',
'2015-08-17 05:35:03',
'2015-08-17 05:50:03',
'2015-08-17 06:05:03',
'2015-08-17 06:20:03',
'2015-08-17 06:35:03',
'2015-08-17 06:50:03',
'2015-08-17 07:05:03',
'2015-08-17 07:20:03',
'2015-08-17 07:35:03',
'2015-08-17 07:50:03',
'2015-08-17 08:05:03',
'2015-08-17 08:20:03',
'2015-08-17 08:35:03',
'2015-08-17 08:50:03',
'2015-08-17 09:05:03',
'2015-08-17 09:20:03',
'2015-08-17 09:35:03',
'2015-08-17 09:50:03',
'2015-08-17 10:05:03',
'2015-08-17 10:20:03',
'2015-08-17 10:35:03',
'2015-08-17 10:50:03',
'2015-08-17 11:05:03',
'2015-08-17 11:20:03',
'2015-08-17 11:35:03',
'2015-08-17 11:50:03',
'2015-08-17 12:05:03',
'2015-08-17 12:20:03',
'2015-08-17 12:35:03',
'2015-08-17 12:50:03',
'2015-08-17 13:05:03',
'2015-08-17 13:20:03',
'2015-08-17 13:35:03',
'2015-08-17 13:50:03',
'2015-08-17 14:05:03',
'2015-08-17 14:20:03',
'2015-08-17 14:35:03',
'2015-08-17 14:50:03',
'2015-08-17 15:05:03',
'2015-08-17 15:20:03',
'2015-08-17 15:35:03',
'2015-08-17 15:50:03',
'2015-08-17 16:05:03',
'2015-08-17 16:20:03',
'2015-08-17 16:35:03',
'2015-08-17 16:50:03',
'2015-08-17 17:05:03',
'2015-08-17 17:20:03',
'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',

        ]
    }],
    yAxis: [{
        type: 'value',
        name: 'group',
        min: 0,
        max: 1000,
        axisLabel: {
            formatter: '{value} '
        }
    }, 
  {
        type: 'value',
        name: 'speed3(m/min)',
        min: 0,
        max: 1000,
        axisLabel: {
            formatter: '{value}m/min '
        }
    }],
    series: [
        {
        name: 'group3',
        type: 'bar',
        yAxisIndex: 1,
        data: [0, 0, 0, 0, 0, 0, 1, 1, 2, 0, 0, 0, 1, 0, 0, 30, 67, 61, 52, 37, 37, 20, 14, 8, 7, 4, 3, 4, 1, 1, 1, 2, 1, 2, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 5, 7, 15, 29, 41, 59, 80, 98, 116, 122, 133, 145, 152, 157, 162, 166, 150, 161, 137, 133, 127, 122, 124, 125, 119, 113, 102, 106, 99, 86, 86, 81, 84, 84, 80, 82, 93, 98, 92, 89, 94, 104, 110, 108, 126, 119, 129, 134, 140, 139, 134, 152, 155, 141, 148, 139, 139, 118, 109, 107, 114, 96, 102, 85, 88, 75, 71, 59, 43, 11, 0, 0, 0
]  },
{
        name: 'group',
        type: 'bar',
        yAxisIndex: 1,
        data: [0, 0, 2, 4, 4, 8, 7, 9, 8, 9, 7, 9, 11, 8, 10, 368, 360, 317, 266, 230, 191, 152, 108, 75, 48, 30, 21, 13, 8, 9, 9, 9, 8, 8, 8, 8, 8, 7, 7, 7, 8, 8, 9, 9, 11, 21, 50, 118, 189, 273, 368, 473, 575, 692, 777, 828, 881, 909, 929, 935, 932, 932, 934, 928, 921, 906, 876, 847, 818, 795, 782, 746, 715, 672, 644, 605, 579, 566, 551, 534, 547, 567, 568, 586, 596, 622, 641, 666, 701, 733, 763, 781, 813, 841, 874, 885, 894, 898, 893, 875, 856, 843, 822, 792, 770, 720, 674, 632, 586, 540, 484, 440, 394, 350, 304, 234, 0, 2, 0
]    },
        {
        name: 'speed',
        type: 'line',
         yAxisIndex: 1,
        data: [0, 0, 49.55270777112155, 81.94800639744598, 174.95491356789327, 166.55012320167697, 221.23651722886095, 172.9703982331704, 166.13811009122045, 167.1391858291957, 171.8115435539463, 173.7540055686014, 135.14056591847356, 215.0946828951421, 193.0303617071913, 244.55669954815974, 248.00511492105483, 252.72265085494018, 244.52334518888088, 228.5775216848334, 203.5746992216617, 181.34520172136183, 134.77766704254248, 102.23747507483898, 75.64257906221941, 34.08838882548959, 18.690834803657257, 48.09891047702311, 32.89507683218408, 43.34552305741703, 27.16190957582571, 32.22218624270337, 26.968485648586526, 10.80343562459284, 11.355898125219069, 35.874506932705245, 32.724205271149835, 5.0770350144046565, 7.705639850834654, 5.348638516850189, 7.655856514513037, 27.02733168989847, 65.88824053066608, 60.8631433052813, 55.162345548930936, 61.4629519083638, 77.31544104994745, 118.68201673060568, 190.78067731287186, 228.51554190760993, 237.0456297174952, 247.04445428653514, 250.4475077230459, 247.18188850685468, 241.4962231940571, 241.22520975999305, 230.3702822011221, 224.5562525577872, 215.76551218726928, 216.94126156923838, 218.45430202217338, 223.69912053058766, 228.3390376698003, 227.21527162055733, 223.75945649653193, 225.06141634210786, 232.12503788864433, 227.40128629734502, 233.7498688818203, 238.56974474272855, 231.4425277280989, 226.65957386894672, 227.7737859428802, 226.45753785286087, 227.85457759967514, 232.67367061934135, 228.26931957096664, 225.20063893590043, 230.4206646281182, 235.1758760230146, 229.8117104940506, 228.04183624380056, 224.9125581140162, 226.2586477871694, 227.14921717576988, 233.6671974370457, 239.10106507136422, 240.8431474181357, 242.7990019086106, 241.45755968570353, 239.1943810454135, 244.12830652271148, 244.77735953590764, 241.94056778719977, 235.03740952569825, 236.19118734839424, 225.52105598173867, 224.67112946929873, 223.32763528455644, 224.5123342917642, 223.60355858273283, 226.50821230638869, 232.77687093466633, 227.2715919812117, 227.40888218343025, 234.01440601396783, 238.64534866040788, 233.06793532285803, 241.93108716233124, 238.8317284654078, 248.9042863096597, 246.86038298696184, 247.63172966353028, 232.4577954205176, 223.20402712466532, 246.50310867013576, 0, 0, 0
]  },     {
        name: 'speed3(m/min)',
        type: 'line',
         yAxisIndex: 1,
        data: [0, 0, 0, 0, 0, 0, 188.58153457709733, 272.35224102469374, 272.4111105040621, 0, 0, 0, 122.00719546378784, 0, 0, 181.84486975689543, 212.58096434683566, 211.12577054430736, 189.3902681589539, 184.1346429729269, 146.75730386324625, 145.65976062373343, 135.6115522155725, 75.48676447464587, 59.69542572234384, 11.079795889310903, 1.684958085301959, 42.542510006010936, 0.2754487111782521, 0.30445632077587864, 0.24525602450480696, 31.82491415162705, 0.3621598481599243, 1.92125396287782, 0.3806025568299334, 0.39849850824948946, 0.2524939438960375, 0.28798215409434746, 0.277533939233459, 0.18175637661838814, 0.24518553902084764, 0.42017401626111306, 0.29425636000830857, 0.2786490619170879, 0.32412493406886816, 0.2912375387305946, 10.424001403080704, 15.210833252582606, 146.0768451050224, 145.457304056464, 227.2628799530148, 217.31328941370347, 244.86495952530004, 235.79870819333553, 218.95255078053208, 246.9866217286872, 223.16343325630075, 212.43920785083287, 214.5470487318404, 198.40811850943004, 189.1956757146099, 211.21505095822172, 224.58309079885612, 211.31699607643444, 206.99952332313794, 213.28232274481172, 223.6419195716893, 217.1373905446408, 237.34133469124106, 242.02919503650966, 225.92197478628313, 214.12636079207803, 216.51742493120756, 217.04030343265143, 231.22486266627217, 236.67317823657532, 209.8980405107833, 220.75149439336403, 216.39959512484197, 232.89803683068152, 226.64559817884066, 224.57168798102654, 202.43499389336802, 208.5196035995439, 197.8836194227408, 231.42162469679914, 229.57076563967885, 237.9030652178908, 241.29779054932592, 248.54668149017024, 230.9068991409188, 237.8637627763149, 238.7065431138624, 234.6078753975926, 228.93880408889595, 232.20283814312037, 217.2167427964109, 208.0683397557134, 196.2771808951739, 204.5274979614706, 220.4176498275237, 215.6051680572885, 220.74803046551182, 242.8760673552671, 235.57676871385132, 225.00272700722363, 219.31647933070275, 220.43244802308237, 244.55402066403423, 238.25797058351722, 245.9868182724092, 217.01743343775777, 217.51804753163654, 206.26832295798417, 200.61342056810088, 115.01098063155493, 0, 0, 0
]   }]
};
    
截图如下