echarts绘制曲线图

1,134 阅读1分钟

方法

line(){
            let myLine = this.$echarts.init(document.getElementById("line"));
            myLine.setOption({
                xAxis:{
                    type:"category",
                    data:[1,2,3,4,5,6]
                },
                yAxis:{
                    type:'value'
                    
                },
                legend:{
                    data:["存款余额","贷款余额","铁锨月是"]
                },
                series:[
                    {
                        name:"存款余额",
                        type:'line',
                        data:[850,630,502,145,788,485,123]
                    },
                    {   
                        name:"贷款余额",
                        type:"line",
                        data:[230,523,666,589,623,469,222]
                    },
                    {   
                        name:"铁锨月是",
                        type:"line",
                        data:[120,653,466,488,465,566,656]
                    }
                ]
            })
        },