echarts 多个series_基于echarts异步加载数据之多个series加载实例

基于本人最近在参与研究公司echarts报表部分的功能，其中遇到了不少的坑，这里将echarts异步加载 json 数据中涉及到的多个series加载实例问题解决方案做一个共享。

问题描述

我们在加载echarts复杂图形时，比如说折线图和柱状图结合，会涉及到多个series样式，给个例子,

option = {

tooltip: {

trigger: 'axis',

formatter: function(params, ticket, callback) {

var res = params[0].name;

for (var i = 0, l = params.length; i < l; i++) {

if (params[i].seriesType === 'line') {

res += '
' + params[i].seriesName + ' : ' + (params[i].value ? params[i].value : '-') + 'h';

} else {

res += '
' + params[i].seriesName + ' : ' + (params[i].value ? params[i].value : '-') + '个';

}

}

return res;

}

},

grid: {

containLabel: true

},

legend: {

data: ['时间', '人均个数', '总体个数']

},

xAxis: [{

type: 'category',

axisTick: {

alignWithLabel: true

},

data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']

}],

dataZoom: [{

type: 'slider',

xAxisIndex: 0,

filterMode: 'empty',

sta