BFD海淀20150812/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:[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 75, 84, 73, 55, 43, 29, 16, 6, 0, 0, 0, 0, 0, 5, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 2, 2, 4, 1, 0, 4, 6, 20, 35, 69, 94, 138, 176, 207, 231, 259, 251, 268, 270, 270, 275, 269, 274, 266, 248, 254, 241, 244, 223, 223, 209, 208, 204, 192, 202, 202, 187, 176, 186, 176, 181, 184, 181, 185, 185, 186, 179, 178, 182, 188, 202, 222, 233, 235, 245, 258, 263, 245, 252, 255, 249, 232, 217, 200, 180, 157, 153, 148, 143, 117, 115, 103, 103, 73, 49, 40, 23, 15, 4, 0
] }, {
name:'speed(m/min)',
type:'line',
data:[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 365.6979080612544, 361.1613391650773, 362.7422853576293, 327.7099505705104, 374.3994940912219, 303.78838883538987, 391.2667582203521, 305.31828975538326, 0, 0, 0, 0, 0, 0.0, 0.0, 0, 0, 0, 0, 0, 0, 27.948187082343104, 1022.6404531726959, 1219.9887480389602, 0, 623.9263017767597, 626.3655280245447, 231.23515953742077, 1057.3116087376297, 0, 67.87430145279278, 223.57903023710824, 233.32697565560093, 338.2021448032108, 381.21261828328824, 473.96056479559263, 452.5543650912056, 451.161265890677, 424.8659801385332, 409.93023210806575, 415.41649379811207, 399.96023145876177, 399.40326681059787, 386.396928849926, 390.0226791301945, 404.63030641602455, 372.99581523979026, 402.73038965609317, 380.05742016617444, 376.357779697456, 395.46050456355414, 405.9950705884668, 382.79815480333, 398.78579266538065, 388.8313642903066, 424.4601982555329, 408.6129258718563, 415.29498584333317, 410.65960932357626, 424.43442995886284, 422.01921066026665, 449.30913706016673, 451.26514635075694, 431.1719590425059, 442.9063143274498, 447.0618659620237, 430.02224804513594, 432.79776675465996, 435.0544393713331, 424.5139273637614, 426.9926330013535, 393.2471055711478, 386.55902632371107, 366.90068633841423, 389.3139135897147, 385.79300924594236, 413.14757390848627, 374.82081049156477, 365.180988920884, 373.5735740074133, 386.5171711664238, 383.75085494836384, 393.91099536882507, 351.483700449663, 357.29323387013125, 353.4742589916357, 380.67168351963, 379.45285079230956, 390.2101975669464, 391.42206164388506, 433.612965409391, 438.6639279675263, 399.6424654879703, 405.25566050179685, 394.22817801446735, 428.5467956948717, 399.3186714101934, 427.23495558446444, 395.9243519440076, 399.170479262796, 372.83583817472726, 392.62812411016563, 242.6118761962676, 492.3327783098744, 0
] }
]
};
截图如下
