Question

echarts横向分隔线去不掉怎么办？

如图，背景色换成黑色后分隔线特别明显，设置 splitLine为show：false后竖向分隔线没有了，横着的却还在，请问白色的这些是不是分隔线，怎么去掉？

Answer 1

option = {

    title : {

        subtext: '纯属虚构'

    },

    tooltip : {

        trigger: 'axis'

    },

    legend: {

        data:['成交']

    },

    grid:{

    borderWidth:0,

    borderColor:'#e3b'

    },

    calculable : true,

    xAxis : [

        {

            type : 'category',

            boundaryGap : false,

            splitLine : {

                show:false,

                lineStyle: {

                    color: '#483d8b',

                    type: 'dashed',

                    width: 1

                }

            },

            data : ['周一','周二','周三','周四','周五','周六','周日']

        }

    ],

    yAxis : [

        {

            type : 'value',

            splitLine : {

                show:false,

                lineStyle: {

                    color: '#483d8b',

                    type: 'dashed',

                    width: 1

                }

            }

        }

    ],

    series : [

        {

            name:'成交',

            type:'line',

            smooth:true,

            itemStyle: {normal: {areaStyle: {type: 'default'}}},

            data:[10, 12, 21, 54, 260, 830, 710]

        }

    ]

};

                    

----------------------------------------

1. splitLine的show属性设置为false;

2. 将其放置到xAxis与yAxis的属性内 

3.  grid:{  borderWidth:0}去掉外围边框线