lineecharts 配置项内容和展示

折线图

      option = {
    backgroundColor: '#000',
    tooltip: {
        trigger: "axis"
    },
    grid: {
        top: "2%",
        bottom: "18%",
        left: "6%",
        right: "2%"
    },
    xAxis: {
        type: "category",
        boundaryGap: false,
        axisLabel: {
            color: "#cfcfdc"
            // fontSize: 10
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: "#253a4e"
            }
        },
        axisLine: {
            // symbol: ["arrow"],
            symbolSize: [6, 6],
            symbolOffset: [0, 10],
            lineStyle: {
                color: "rgb(18,44,73)"
            }
        },
        axisTick: {
            color: "rgb(18,44,73)",
            inside: true
        },
        z: 2,
        data: ["06:00", "07:00", "08:00", "09:00", "10:00", "11:00", "12:00"]
    },
    yAxis: {
        type: "value",
        // interval: 50,
        // min: 0,
        // max: 400,
        // splitNumber: 7,
        axisLine: {
            // symbol: ["none", "arrow"],
            symbolSize: [6, 6],
            lineStyle: {
                color: "rgb(18,44,73)"
            }
        },
        axisLabel: {
            color: "#cfcfdc",
            showMaxLabel: false
            // formatter: function(value) {
            //   if (value == 350) {
            //     value = "(个)";
            //   }
            //   return value;
            // }
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: "#253a4e"
            }
        }
    },

    series: [{
        name: "火灾发生情况",
        type: "line",
        smooth: true,
        symbol: "circle",
        symbolSize: 10,
        data: [15, 14, 18, 16, 17, 18, 19],
        lineStyle: {
            width: 1,
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: "rgba(160,57,236,1)" // 0% 处的颜色
                },
                {
                    offset: 0.4,
                    color: "rgba(160,57,236,1)" // 0% 处的颜色
                },
                {
                    offset: 1,
                    color: "rgba(160,57,236,1)" // 100% 处的颜色
                }
            ]) //背景渐变色
        },
        label: {
            show: false,
            position: "top",
            textStyle: {
                color: "rgba(160,57,236,1)"
            }
        },
        itemStyle: {
            color: "#6c50f3",
            borderColor: "#7dadfd",
            borderWidth: 3,
            shadowColor: "rgba(0, 0, 0, .3)",
            shadowBlur: 0,
            shadowOffsetY: 2,
            shadowOffsetX: 2
        },
        areaStyle: {
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: "rgba(162,31,253,1)" // 0% 处的颜色
                },
                {
                    offset: 0.5,
                    color: "rgba(99,75,138,1)" // 0% 处的颜色
                },
                {
                    offset: 1,
                    color: "rgba(99,75,138,0)" // 100% 处的颜色
                }
            ]), //背景渐变色
            origin: "start"
        }
    }]
}