动态数据提供程序中没有数据的图表

Question

优雅地处理没有数据的图表。我想知道我的数据提供程序是否为空。当图表绘制默认空值时。如何动态处理它？

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

我想知道如何在数据为空时处理它。

Answer 1

通过在呈现图表之前检查数据集是否包含记录来在外部处理它。

if (data && data.length){
  var chart = AmCharts.makeChart("chartdiv", {
    "theme": "none",
    "type": "serial",
    "dataProvider": data,
    "valueAxes": [{
    "title": "Income in millions, USD"
  }]
} else {
   // display a message to the user that there is no data available
}

AMCharts的人似乎忽略了处理传入的空数据集。

另一种选择是创建一个在图表上显示标签的虚拟数据点。我个人没有使用这种方法，因为如果图表不包含数据，我宁愿完全隐藏图表。