AmCharts 4 处理空数据答案

【问题标题】：AmCharts 4 handling null dataAmCharts 4 处理空数据
【发布时间】：2018-12-12 14:35:15
【问题描述】：

我正在研究动态加载数据的 AmCharts。有时，响应中可能会发送空数据。我需要在 AmCharts4 中处理空数据。 In this link I see the example for Amcharts3 handling null data

var chart = am4core.create("reason_for_failure", am4charts.PieChart);
        // Add and configure Series
        var pieSeries = chart.series.push(new am4charts.PieSeries());
        pieSeries.dataFields.value = "litres";
        pieSeries.dataFields.category = "country";
        pieSeries.slices.template.stroke = am4core.color("#fff");
        pieSeries.slices.template.strokeWidth = 2;
        pieSeries.slices.template.strokeOpacity = 1;

        // This creates initial animation
        pieSeries.hiddenState.properties.opacity = 1;
        pieSeries.hiddenState.properties.endAngle = -90;
        pieSeries.hiddenState.properties.startAngle = -90;

        chart.data = [];

【问题讨论】：

您可以使用三元运算符来检查数据是否为空或是否有类似数据的数据？ :
如果能贴出代码，对贴出解决方案很有帮助
您可以使用 AmCharts4 演示页面中提供的任何演示。使图表数据集为空（chart.data = [ ]）。
你可以贴出你试过的代码，stackoverflow.com/help/how-to-ask
发布了一个示例数据。

标签： javascript amcharts jsonresponse

【解决方案1】：

看起来他提供的示例代码或多或少直接来自我们的饼图演示之一，例如Pie Chart With Legend，所以我将它与mirror GitHub issue（底部的演示链接）中的解决方案混合并匹配。

同样，beforevalidatedevent 非常适合处理 chart.data 被分配一个空数组的情况，例如

chart.events.on("beforevalidated", function(event) {
  // check if there's data
  console.log(event.target.data.length);
  if (event.target.data.length == 0) {
    // handle null data here
  }
});

它必须是beforevalidated 事件，因为如果没有数据，beforedatavalidated 不会触发。

演示：

https://codepen.io/team/amcharts/pen/88d11b5385a2669319c1a0fcdaa1e199/

【讨论】：