echarts - 折线图

效果

设置

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
            },
        }
    ]
};