优雅地处理没有数据的amcharts

Question

我想知道我的dataProvider是否为空。当amCharts绘制默认null时。我该如何动态处理它。

var chart = AmCharts.makeChart("chartdiv", {
    "theme": "none",
    "type": "serial",
    "dataProvider": data,
    "valueAxes": [{
        "title": "Income in millions, USD"
    }]

如果数据应该为空。怎么可以处理..

Answer 1

这里有两个真正的选择。

您可以做的第一件事是在调用AmCharts.makeChart()之前检查数据，并且只有在有数据时才执行该功能。如果没有任何数据，您可能希望向用户显示某种消息。

您的第二个选择是在图表上显示一条消息。 Here is an example on the AmCharts website that can help achieve this.

Answer 2

这可能对您有帮助，在这种情况下，我的饼图数据来自API调用，并且它可能有一个空数组，我想在amchart 4中显示某些内容，而不是什么。

所以我在他们的网站上找到了这个例子，对我有帮助：

pie chart placeholder in amchart 4

基本上，它的作用是在图表数据数组为空时显示一个占位符（空饼图）。看起来很干净。