先看效果圖，效果圖如下特姐。

html

<div class="row" >
<div id="main"></div>
</div>

js

// ajax加載數(shù)據(jù)
$.ajax({
    url : ROOT + "/index/count",
    async : false,
    type : 'GET',
    dataType : 'json',
    success : function(obj) {
        zFun(obj.echatX, obj.echatY, obj.echatY2, obj.echatY3);
        // xFun(obj.echatX, obj.echatY4);
    },
});

function zFun(x, y, y2, y3) {
    // 基于準備好的dom皱坛，初始化echarts實例
    var myChart = echarts.init(document.getElementById('main'));
    console.log(x);
    console.log(y);
    console.log(y2);
    console.log(y3);
    // 指定圖表的配置項和數(shù)據(jù)
    myChart.setOption({
        title : {
            text : '統(tǒng)計'
        },
        tooltip : {
            trigger : 'axis',
            axisPointer : {
                type : 'cross',
                label : {
                    backgroundColor : '#6a7985'
                }
            }
        },
        legend : {
            data : [ '進廠', '服務', '離廠' ]
        },
        toolbox : {

        },
        grid : {
            left : '3%',
            right : '4%',
            bottom : '3%',
            containLabel : true
        },
        xAxis : [ {
            type : 'category',
            boundaryGap : false,
            data : x
        } ],
        yAxis : [ {
            type : 'value'
        } ],
        series : [ {
            name : '進廠',
            type : 'line',
            stack : '總量',
            itemStyle : {
                normal : {
                    color : '#a8bcd4'
                }
            },
            areaStyle : {
                normal : {}
            },
            data : y
        }, {
            name : '服務',
            type : 'line',
            stack : '總量',
            itemStyle : {
                normal : {
                    color : '#a8bcd4'
                }
            },
            areaStyle : {
                normal : {}
            },
            data : y3
        },

        {
            name : '離廠',
            type : 'line',
            stack : '總量',
            itemStyle : {
                normal : {
                    color : '#a8bcd4'
                }
            },
            label : {
                normal : {
                    show : true,
                    position : 'top'
                }
            },
            areaStyle : {
                normal : {}
            },
            data : y2
        } ]

    });
}

原文作者：祈澈姑娘 技術博客：http://www.reibang.com/u/05f416aefbe1
90后前端妹子肢簿，愛編程，愛運營深浮，文藝與代碼齊飛压怠，魅力與智慧共存的程序媛一枚。
堅持總結(jié)工作中遇到的技術問題飞苇，堅持記錄工作中所所思所見菌瘫，對于博客上面有不會的問題，可以加入qq技術交流群聊：649040560布卡。