如何在AmCharts 3中显示‘No data available’提示信息？

方法一：使用图表内置属性 #

AmCharts 3自带无数据提示功能，直接在图表配置中设置noDataText属性即可：

var chart = AmCharts.makeChart("chartdiv", {
  "type": "serial",
  // 图表其他配置（如坐标轴、图例等）
  "noDataText": "No data available" // 指定无数据时的提示文本
});

如果需要调整提示文本样式，可通过CSS修改.amcharts-no-data类：

.amcharts-no-data {
  font-size: 18px;
  color: #666;
  margin-top: 50px;
}

方法二：自定义无数据提示元素 #

若需要更灵活的样式或布局，可手动添加提示元素并控制显示：

1. 在HTML中添加隐藏的提示容器：

<div id="chartdiv"></div>
<div id="no-data-tip" style="display: none; text-align: center; padding: 30px; color: #888;">
  No data available
</div>

2. 在图表初始化监听事件中，根据数据是否为空切换显示状态：

var emptyData = [];
var chart = AmCharts.makeChart("chartdiv", {
  "type": "serial",
  "dataProvider": emptyData,
  // 图表其他配置项
  "listeners": [{
    "event": "init",
    "method": function(e) {
      var targetChart = e.chart;
      if (targetChart.dataProvider.length === 0) {
        document.getElementById("chartdiv").style.display = "none";
        document.getElementById("no-data-tip").style.display = "block";
      }
    }
  }]
});

内容的提问来源于stack exchange，提问作者wajiha siddiqui