XL2015081314(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-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: 'speed3(m/min)',
        min: 0,
        max: 1000,
        axisLabel: {
            formatter: '{value}m/min '
        }
    }],
    series: [
        {
        name: 'group3',
        type: 'bar',
        yAxisIndex: 1,
        data: [0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 12, 64, 61, 49, 39, 35, 22, 17, 12, 10, 7, 5, 3, 2, 2, 2, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 3, 8, 22, 31, 40, 61, 79, 96, 120, 120, 134, 142, 139, 142, 156, 151, 135, 139, 118, 121, 126, 131, 121, 124, 120, 112, 100, 100, 98, 97, 91, 88, 81, 77, 77, 85, 88, 93, 93, 96, 95, 103, 107, 124, 105, 109, 133, 134, 120, 134, 152, 146, 145, 129, 130, 129, 124, 115, 125, 102, 107, 88, 89, 94, 85, 88, 68, 66, 52, 47, 32, 10, 0
]  },
{
        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',
        type: 'line',
         yAxisIndex: 1,
        data: [0, 0, 0.0, 0.0, 309.90623185324404, 284.0805303715862, 154.6737303000934, 0.0, 0.02777609759422432, 3.3158997266715353, 34.049297501066434, 67.56143248575714, 115.56635671857394, 117.78178009788371, 191.8221694207626, 190.142611773551, 242.4949257110366, 247.3620443228756, 235.55565957522998, 224.1719977947296, 208.456674214192, 189.7737775984692, 167.49308200072733, 124.06306857352719, 120.95004937006698, 77.71197178774594, 39.816989376021276, 61.389206608841775, 29.716087315655415, 31.18865281650251, 35.9715484820209, 25.04043284872659, 38.46536244171433, 25.1829001760264, 38.50203935066568, 57.586858750987275, 23.723905009541824, 2.6664466224470966, 5.014196126072959, 2.6648975093753324, 1.5979724300346039, 2.2310140176573086, 2.027484229862146, 1.7554813522726875, 21.977004628620517, 39.50258903249937, 63.86039256909144, 136.61561649555978, 213.6421825884331, 236.57796985025755, 255.40669512921087, 257.1872763627306, 251.39875572157794, 253.9624877133621, 247.02292328480243, 248.3443666851429, 238.4436446255959, 233.9718446380615, 227.0934645419858, 221.71079312086107, 218.78949054956757, 216.67014944691618, 221.8978880342834, 214.71986651790235, 213.4983093201136, 221.08937682868915, 216.97377370882802, 219.73264461192574, 222.8583017718883, 225.41378346125126, 224.45412027530247, 233.5633095790478, 226.63701289669726, 231.19915512293795, 231.42175828625372, 234.70726579309138, 228.08007333692728, 229.53551946998402, 232.64619109213507, 230.6620036005056, 227.31425413826997, 224.8453157081949, 229.91802995014135, 232.21407913481622, 231.7745489743605, 236.60802930772292, 238.07720263902144, 239.68274484830167, 236.92730425536388, 236.4231483307459, 232.89878872164738, 242.0504918570368, 237.74341942291213, 237.07581664104205, 230.1538322204327, 227.14308298969576, 220.41260253612396, 213.37500208925198, 212.06540581010148, 215.7522594376704, 212.28797543379181, 218.59338039703678, 223.12316849021715, 223.44451804023234, 220.99726814776636, 221.65790740059165, 222.4222561209669, 222.78281945810042, 225.90543981746796, 234.25470990689107, 232.90090042230412, 238.83977214279818, 233.68254276346792, 214.93420063833557, 219.05768836939188, 194.80284354752285, 176.26391060562506, 148.7606972357529, 0
]  },     {
        name: 'speed3(m/min)',
        type: 'line',
         yAxisIndex: 1,
        data: [0, 0, 0, 0, 17.131993805274792, 0, 0, 0, 0, 0, 0.0, 0, 0, 0, 0, 331.44081213841497, 226.03475826027602, 215.6051556900644, 202.5099755143528, 164.55786761725537, 155.4680868042652, 156.25986240104407, 119.4252657068634, 107.31635101910241, 96.37596849369423, 108.46120510070787, 13.421545336298982, 0.42693794541710856, 5.830205675201779, 8.008926953978154, 4.534020385836155, 0.3209381650637979, 0.38744252993086786, 0.33657213421795373, 0.32982962090924334, 0.3530738244958806, 0.41724280436049865, 0.33306555452066516, 0.3980465634043287, 0.27315125970394416, 0.2813408612592406, 0.2910889525256162, 0.3743834121495752, 0.2973598696019088, 0.20150379904293733, 64.13064751041523, 9.252731596469118, 27.10495718431446, 140.20366337954238, 142.8400627694709, 272.20755895472723, 237.94899986969733, 237.50166088064157, 238.36157285497802, 241.81047115779427, 243.40188727963712, 235.63519549779718, 248.54327298468579, 230.9191601891297, 219.3801033810417, 216.2290554364903, 224.1000650089533, 243.97539659582068, 240.5507135070051, 205.13703139921054, 215.16731929059398, 207.28638065139657, 228.64970523890898, 232.2963620460549, 220.95820523554346, 195.32706378432331, 191.5140708576616, 196.1921371686745, 221.21256259486782, 225.86814882220153, 208.0747218674197, 208.47016946232466, 207.66566094565252, 235.72284576913455, 206.3397256240423, 225.2024981546143, 233.04695194477858, 222.09365338842622, 247.47557584929882, 247.9319282482346, 228.77490754581368, 235.3949207139089, 231.3391515814603, 241.07743789225404, 227.58693283172133, 229.73380848581803, 225.9737930736178, 222.58856345020587, 229.53720176281504, 217.24624012483102, 210.82456277865575, 203.76254689300336, 213.90549150956812, 222.54437648930252, 224.88870041160294, 203.12087718727057, 230.18006953848732, 239.84983938671522, 232.06622039806356, 232.19739916710023, 225.94333644308733, 236.4510349821367, 248.77970833149976, 244.0227732219986, 244.1891514279035, 233.86084816395163, 232.51286703843087, 232.1443756537316, 190.33868673698194, 205.75424414546777, 138.64250952534633, 92.74787196039775, 116.0005140403169, 0
]   }]
};
    
截图如下