echarts 折线图 数据为空时占位图

ECharts是一个强大的JavaScript图表库，当折线图的数据为空时，可以利用ECharts提供的占位图功能来显示一个预先设计好的图像作为替代。占位图（也称为空白图或零值图）有助于保持界面的一致性和美观度，让用户知道数据正在加载或者当前没有可用数据。

设置占位图通常需要以下几个步骤：
1. 首先，在配置项里添加一个占位图系列，指定`type`为`blank`：

   series: [{
       type: 'blank',
       data: [{value: 0}], // 占位图的数据点
       blankStyle: { // 自定义占位图样式
           color: '#ccc', // 背景色
           borderType: 'solid', // 边框类型
           borderWidth: 1, // 边框宽度
           borderColor: '#fff' // 边框颜色
       }
   }]

2. 确保折线图的数据数组是空的或者是你需要填充占位图的地方：

   option = {
       series: [
           (data.length === 0) ? [yourBlankSeries] : yourLineSeries // 判断数据是否为空
       ]
   };

当你实际的数据返回后，可以动态替换占位图系列为真正的折线图数据。这样，无论何时用户访问，页面都会有视觉反馈，而不会直接展示空白区域。