echarts折线图如何在没有数据时能够显示暂无数据

要在echarts折线图中显示"暂无数据"，可以通过在数据中使用特殊的标记来实现。例如，可以使用"-"或其他符号来表示没有数据的点。然后，通过设置series中的data属性为这些特殊标记，同时设置yAxis的axisLabel属性为"暂无数据"，就可以在没有数据时显示"暂无数据"。以下是一个示例代码：

import * as echarts from 'echarts';
var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom, 'dark');
var option;
option = {
  xAxis: {
    type: 'category',
    data: \['周一', '周二', '周三', '周四', '周五', '周六', '周日'\]
  },
  yAxis: {
    type: 'value',
    axisLabel: {
      formatter: function (value) {
        if (value === '-') {
          return '暂无数据';
        } else {
          return value;
        }
      }
    }
  },
  series: \[{
    data: \[90, 100, 110, 100, '-', '-', '-'\],
    type: 'line',
    smooth: true
  }\]
};
option && myChart.setOption(option);

在上述代码中，通过设置yAxis的axisLabel的formatter属性，当数值为"-"时，将显示"暂无数据"。这样，在没有数据的点上，就会显示"暂无数据"。
#### 引用[.reference_title]
- *1* *2* *3* [ECharts折线图渲染速度变慢、ECharts折线图数据为0时不显示线条](https://blog.csdn.net/weixin_42881768/article/details/117699073)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]