echarts - 折線圖

h_My_first_CSDN發表於2020-11-13

效果

在這裡插入圖片描述

設定

option = {
    xAxis: {
        type: 'category',
        boundaryGap: false,
        axisLine: {
            show: false,
            lineStyle: {
                color: '#82A635',
            }
        },
        axisTick: {
            show: false
        },
        data: ['週一', '週二', '週三', '週四', '週五', '週六', '週日']
    },
    yAxis: {
        type: 'value',
        max: 100,
        axisLine: {
            show: false,
            lineStyle: {
                color: '#82A635',
            }
        },
        axisTick: {
            show: false
        },
        splitLine: {
            lineStyle: {
                color: '#EDEDED',
                width: 1
            }
        }
    },
    series: [
        {
            data: [13, 60, 23, 31, 12, 13, 4],
            type: 'line',
            smooth: true,
            symbol: 'none',
            areaStyle: {
                color: 'rgba(16, 1, 218, 0.5)',
            },
            lineStyle: {
                color: '#83534A',
                width: 1
            },
        }
    ]
};

相關文章