echarts #3D86E3配置项内容和展示

      var xData = ["1月", "2月", "3月", "4月", "5月", "6月"],
    yData1 = [104, 56, 136, 86, 98, 86]
    yData4 = [30, 56, 36, 6, -10, -70]
option = {
    backgroundColor: "#000",
    grid: {
        left: "3%",
        top: "16%",
        right: "3%",
        bottom: 0,
        containLabel: true
    },
    legend: {
        show: true,
        textStyle: {
            color: "#fff"
        }
    },
    tooltip: {
        trigger: "axis",
    },
    xAxis: [{
        type: "category",
        data: xData,
        axisPointer: {
            type: "shadow"
        },
        axisLabel: {
            textStyle: {
                color: '#fff',
                fontSize: 12
            }
        },
        axisLine: {
            lineStyle: {
                color: '#fff'
            }
        },
        axisTick: {
            show: false
        },
        splitLine: {
            show: false
        }
    }],
    yAxis: [{
            type: "value",
            axisLabel: {
                formatter: "{value}",
                textStyle: {
                    color: '#fff',
                    fontSize: 14
                }
            },
            axisLine: {
                show:false
            },
            axisTick: {
                show: false
            },
            splitLine: {
                show: false
            }
        },
        {
            type: "value",
            axisLabel: {
                formatter: "{value}%",
                textStyle: {
                    color: '#fff',
                    fontSize: 14
                }
            },
            axisLine: {
                show:false
            },
            axisTick: {
                show: false
            },
            splitLine: {
                show: true,
                lineStyle: {
                    type: "solid",
                    color: "rgba(255,255,255,0.2)"
                }
            }
        }
    ],
    series: [
        {
            name: '事件上报数',
            type: "bar",
            data: yData1,
            barWidth: "15%",
            itemStyle: {
                normal: {
                    color: '#3D86E3',
                }
            }
        },
        {
            name: '办结率',
            type: "line",
            yAxisIndex: 1,
            smooth: false,
            symbol: "circle",
            lineStyle: {
                normal: {
                    width: 2
                }
            },
            itemStyle: {
                normal: {
                    color: '#FFE47A',
                    borderColor: "#fff",
                    borderWidth: 1
                }
            },
            data: yData4,
            label: {
                normal: {
                    show: false
                }
            }
        }
        ]
};