echarts 折線圖

option = {
    backgroundColor: "#32373e", // 背景色
    color:['blue','yellow','','#11fef6'], // 圖例顏色
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        bottom: '1%', // 距離底部的位置
        textStyle: {
             color: 'white'
        },
        icon: "roundRect", // 顯示的形狀
        itemGap: 50, // 間隔距離
        itemWidth: 15, // 寬度
        itemHeight: 15, // 高度
        data: ['郵件營銷', '聯盟廣告', '視頻廣告']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '5%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        axisLine: {
            show: true,
            lineStyle: {
                color: 'white'
            }
        },
        data: ["", '1月', '2月', '3月', '4月', '5月', '6月']
    },
    yAxis: {
        type: 'value',
        name: "單位:萬元",
        splitArea: {
            show: false
        },
        splitLine: {
            show: false
        },
         axisLine: {
            show: true,
            lineStyle: {
                color: 'white'
            }
        },
    },
    series: [
        {
            name: '郵件營銷',
            type: 'line',
            data: [0,1000, 1400, 2200, 1500, 2400, 2200]
        },
        {
            name: '聯盟廣告',
            type: 'line',
            data: [0,700, 1200, 800, 1700, 800, 1900]
        },
        {
            name: '視頻廣告',
            type: 'line',
            data: [0,500, 1700, 1202, 700, 1137, 1290]
        }
    ]
};

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章