echarts 去掉背景格子去掉分割线

echarts yekong

echarts 背景格子是由splitLine控制的,只需要将splitLine的show属性改为false就可以实现格子的隐藏了。

splitLine:{
                    show:false,
                },

wanjunshijiecom 2021-08-17 at 08.03.10@2x

wanjunshijiecom 2021-08-17 at 08.04.17@2x

var fontColor = '#30eee9';
option ={
        backgroundColor:'#11183c',
        grid: {
            left: '5%',
            right: '10%',
            top:'20%',
            bottom: '15%',
            containLabel: true
        },
        tooltip : {
            show: true,
            trigger: 'item'
        },
        legend: {
            show:true,
            x:'center',
            y:'35',
            icon: 'stack',
            itemWidth:10,
            itemHeight:10,
            textStyle:{
                color:'#1bb4f6'
            },
            data:['已采纳','已发布','浏览量']
        },
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                axisLabel:{
                    color: fontColor
                },
                axisLine:{
                    show:true,
                    lineStyle:{
                        color:'#397cbc'
                    }
                },
                axisTick:{
                    show:false,
                },  
                splitLine:{
                    show:true,
                    lineStyle:{
                        color:'#195384'
                    }
                },
                data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
            }
        ],
        yAxis : [
            {
                type : 'value',
                name : '信息量',
                min:0,
                max:1000,
                axisLabel : {
                    formatter: '{value}',
                    textStyle:{
                        color:'#2ad1d2'
                    }
                },
                axisLine:{
                    lineStyle:{
                        color:'#27b4c2'
                    }
                },
                axisTick:{
                    show:false,
                },
                splitLine:{
                    show:true,
                    lineStyle:{
                        color:'#11366e'
                    }
                }
            },
            {
                type : 'value',
                name : '浏览量',
                min:0,
                max:1000,
                axisLabel : {
                    formatter: '{value} 人',
                    textStyle:{
                        color:'#186afe'
                    }
                },
                axisLine:{
                    lineStyle:{
                        color:'#186afe'
                    }
                },
                axisTick:{
                    show:false,
                },
                splitLine:{
                    show:true,
                    lineStyle:{
                        color:'#11366e'
                    }
                }
            }
        ],
        series : [
            {
                name:'已采纳',
                type:'line',
                stack: '总量',
                symbol:'circle',
                symbolSize: 8,
                itemStyle: {
                    normal: {
                        color:'#0092f6',
                        lineStyle: {
                            color: "#0092f6",
                            width:1
                        },
                        areaStyle: { 
                            //color: '#94C9EC'
                            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                                offset: 0,
                                color: 'rgba(7,44,90,0.3)'
                            }, {
                                offset: 1,
                                color: 'rgba(0,146,246,0.9)'
                            }]),
                        }
                    }
                },
                markPoint:{
                    itemStyle:{
                        normal:{
                            color:'red'
                        }
                    }
                },
                data:[120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330]
            },
            {
                name:'已发布',
                type:'line',
                stack: '总量',
                symbol:'circle',
                symbolSize: 8,
                
                itemStyle: {
                    normal: {
                        color:'#00d4c7',
                        lineStyle: {
                            color: "#00d4c7",
                            width:1
                        },
                        areaStyle: { 
                            //color: '#94C9EC'
                            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                                offset: 0,
                                color: 'rgba(7,44,90,0.3)'
                            }, {
                                offset: 1,
                                color: 'rgba(0,212,199,0.9)'
                            }]),
                        }
                    }
                },
                data:[220, 182, 191, 234, 290, 330, 310,201, 154, 190, 330, 410]
            },
            {
                name:'浏览量',
                type:'line',
                stack: '总量',
                symbol:'circle',
                symbolSize: 8,
                itemStyle: {
                    normal: {
                        color: '#aecb56',
                        lineStyle: {
                            color: "#aecb56",
                            width:1
                        },
                        areaStyle: { 
                            //color: '#94C9EC'
                            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                                offset: 0,
                                color: 'rgba(7,44,90,0.3)'
                            }, {
                                offset: 1,
                                color: 'rgba(114,144,89,0.9)'
                            }]),
                        }
                    }
                },
                data:[150, 232, 201, 154, 190, 330, 410,150, 232, 201, 154, 190]
            }
        ]
    };
喜欢