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

      option = {
    backgroundColor: '#011c3a',
    grid: {
        left: '5%',
        right: '30%',
        top: '15%',
        bottom: '30%',
        containLabel: true
    },
    textStyle: {
        fontSize: '14',
        fontWeight: 'normal',
        color: '#ffffff'
    },
    xAxis: {
        show: true,
        type: 'category',
        boundaryGap: true,
        axisLine: {
            lineStyle: {
                color: 'rgba(53,153,196,0.6)',
            }
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            color: '#078ceb',
            fontSize: 12,
            padding: [0, 5, 0, 0]
        },
        data: ['08:00', '09:00', '10:00', '11:00', '12:00'],
    },
    yAxis: {
        name: 'CPU使用率',
        nameTextStyle:{
            color:'#a8aab0',
            fontSize:12,
            padding:[0,40,10,0]
        },
        show: true,
        type: 'value',
        axisLine: {
            lineStyle: {
                color: 'rgba(53,153,196,0.6)',
            }
        },
        axisLabel: {
            color: '#a8aab0',
            fontSize: 12,
            padding: [0, 5, 0, 0]
        },
        splitLine: {
            show: true,
            lineStyle: {
                type: 'dotted',
                color: 'rgba(251, 197, 44, 0.3)',
            }
        }
    },
    series: [{
        name: '评审得分分布',
        type: 'line',
        smooth: false,
        showSymbol: true,
        symbol: 'circle',
        symbolSize: 8,
        lineStyle: {
            normal: {
                color: '#00f0ff',
                width: 3,
            }
        },
        itemStyle: {
            normal: {
                color: "#fbc52c",
                borderColor: 'rgba(0, 240, 255, 0.2)', //rgba(255, 199, 43, .3)
                borderWidth: 10,
                shadowColor: '#00f0ff',
                shadowBlur: 30,
            }
        },
        data: [25, 30, 40, 50, 60]
    }]
};