echarts 百度图表

第一种、一般series中的数据直接返回数组赋值 一维数组形式。

var myChart = echarts.init(document.getElementById('main'));

$.get('data.json').done(function (data) {
    myChart.setOption({
        title: {
            text: '异步数据加载示例'
        },
        tooltip: {},
        legend: {
            data:['销量']
        },
        xAxis: {
            data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
        },
        yAxis: {},
        series: [{
            name: '销量',
            type: 'bar',
            data: [5, 20, 36, 10, 10, 20]
        }]
    });
});

或者先设置完其它的样式，显示一个空的直角坐标轴，然后获取数据后填入数据。

var myChart = echarts.init(document.getElementById('main'));
// 显示标题，图例和空的坐标轴
myChart.setOption({
    title: {
        text: '异步数据加载示例'
    },
    tooltip: {},
    legend: {
        data:['销量']
    },
    xAxis: {
        data: []
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: []
    }]
});

// 异步加载数据
$.get('data.json').done(function (data) {
    // 填入数据
    myChart.setOption({
        xAxis: {
            data: data.categories
        },
        series: [{
            // 根据名字对应到相应的系列
            name: '销量',
            data: data.data
        }]
    });
});

第二种、二维数组形式

series: [
        {
            name    : '直接访问',
            type    : 'bar',
            stack   : '总量',
            label   : {
            normal  : {
            show    : true,
            position: 'insideRight'
                }
            },
            data: [320, 302, 301, 334, 390, 330, 320]
        },
        {
            name: '邮件营销',
            type: 'bar',
            stack: '总量',
            label: {
                normal: {
                    show: true,
                    position: 'insideRight'
                }
            },
            data: [120, 132, 101, 134, 90, 230, 210]
        },
        {
            name: '联盟广告',
            type: 'bar',
            stack: '总量',
            label: {
                normal: {
                    show: true,
                    position: 'insideRight'
                }
            },
            data: [220, 182, 191, 234, 290, 330, 310]
        },
        {
            name: '视频广告',
            type: 'bar',
            stack: '总量',
            label: {
                normal: {
                    show: true,
                    position: 'insideRight'
                }
            },
            data: [150, 212, 201, 154, 190, 330, 410]
        },
        {
            name: '搜索引擎',
            type: 'bar',
            stack: '总量',
            label: {
                normal: {
                    show: true,
                    position: 'insideRight'
                }
            },
            data: [820, 832, 901, 934, 1290, 1330, 1320]
        }
    ]

返回数据

{"blrq":"2017-08","fjid":0,"jmstzChartsTwoList":[{"seList":[3333.0,20016.0,0.0,222.0,0.0],"szName":"
营业税"},{"seList":[0.0,0.0,0.0,0.0,0.0],"szName":"核准税"},{"seList":[0.0,1134.0,0.0,0.0,0.0],"szName":"资
源税"},{"seList":[0.0,0.0,0.0,0.0,0.0],"szName":"城市维护建设税"},{"seList":[0.0,66.0,0.0,44.0,0.0],"szName":"
房产税"},{"seList":[0.0,0.0,0.0,0.0,0.0],"szName":"印花税"},{"seList":[0.0,0.0,0.0,0.0,0.0],"szName":"城镇土地
使用税"},{"seList":[0.0,0.0,0.0,0.0,0.0],"szName":"土地增值税"},{"seList":[0.0,0.0,0.0,0.0,0.0],"szName":"车船
税"},{"seList":[0.0,99.0,0.0,0.0,0.0],"szName":"耕地占用税"},{"seList":[0.0,0.0,0.0,0.0,0.0],"szName":"契税"
},{"seList":[0.0,0.0,0.0,0.0,0.0],"szName":"烟叶税"},{"seList":[0.0,0.0,0.0,0.0,0.0],"szName":"环境保护税"}]
,"jmstzService":{},"type":1}

$.ajax({
            type:"post",
            url:"<%=basePath%>json/jmstzChartsTwo_jmstzChartsData.action",
            dataType:"json",
            data:$("#ff").serialize(),
            success:function(data){
                var series=[];
                for(var i = 0;i<data.jmstzChartsTwoList.length;i++){
                    series.push({
                        name: data.jmstzChartsTwoList[i].szName,
                        type: 'bar',
                        stack: '总量',
                        label: {
                            normal: {
                                show: true,
                                position: 'insideRight'
                            }
                        },
                        data: data.jmstzChartsTwoList[i].seList
                    });
                }

                // 填入数据
                myChart.setOption({
                    series:series
                });
            }
        });

重点：

var series=[];
    for(var i = 0;i<json.data.length;i++){
        series.push({
            name: arr_name[i],
            type: 'line',
            stack: '总量',
            // data:[120, 132, 101, 134, 90, 230, 210]
            data: arr_sum_long_new[i]
        });
    }

    //...echarts配置
    series: series