折线图1echarts 折线配置项内容和展示

      option = {
    backgroundColor: '#080b30',
    title: {
        text: '68%',
        textStyle: {
            color: '#d3d5d6',
            fontSize: 14,
            fontWeight: 'normal'
        },
        padding:[6,6,2,6],
        backgroundColor: '#44b2d5',
        borderRadius: 25,
        top: '49%',
        x: '34%'
    },
    grid: {
        top: '10%',
        // left: '5%',
        // right: '5%',
        bottom: '15%',
    },
    xAxis: [{
        type: 'category',
        axisLabel: {
            color: '#d3d5d6',
            fontSize: 16,
        },
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        boundaryGap: false,
        data: ['星期一','星期二','星期三','星期四','星期五','星期六','星期日'],
    }],
    yAxis: [{
        type: 'value',
        min: 0,
        max: 100,
        name: '单位 / kwh',
        nameTextStyle: {
             color: '#d2d2d2',
             fontSize: 16,
             padding: [0, 0, 20, -20],
             lineHeight: 24
        },
        splitNumber: 5,
        splitLine: {
            show: true,
            lineStyle: {
                color: '#05365d',
                width: 2
            }
        },
        axisLine: {
            show: false,
        },
        axisLabel: {
            margin: 20,
            textStyle: {
                color: '#d3d5d6',
            },
        },
        axisTick: {
            show: false,
        },
    }],
    series: [
        {
            name: '外出',
            type: 'line',
            // symbol: 'none',  //取消折点圆圈
            smooth: 'false',
            showAllSymbol: true,
            symbol: 'circle',
            symbolSize: 12,
            itemStyle: {
                color: "#05cbe5",
                borderColor: "#fff",
                borderWidth: 2
            },
            lineStyle: {
                width: 4,
                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                        offset: 0,
                        color: '#072942'
                    },
                    {
                        offset: 1,
                        color: '#05cbe5'
                    }
                ]),
                shadowColor: '#05cbe5',
                shadowBlur: 40,
            },
            tooltip: {
                show: false
            },
            data: [22,25,42,57,57,41,24]
            // data: [
            //     {value:22},
            //     {value:25},
            //     {value:42,label:{show:true,position: 'top'}},
            //     {value:57},
            //     {value:57},
            //     {value:41},
            //     {value:24}
            // ]
        },
    ]
};