无数据时背景网格echarts 折线配置项内容和展示

在某些变态产品需求里 ,没数据还要网格线出来得情况,可用该方式实现。

配置项如下
      option = {
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
        axisLine:{
          show:false  
        },
        splitLine:{
          show:true  
        },
    },
    yAxis: {
        min:10,
         axisLine:{
          show:false  
        }, splitLine:{
          show:true  
        },
    },
    series: [{
        type: 'line',
        symbolSize: 0,
        data:[0]
    }]//s实现默认无数据情况下背景网格化// 有数据时替换series 重新渲染即可
};
    
截图如下