javascript - 动态数据提供程序中没有数据的 amcharts

Question

优雅地处理没有数据的 amcharts。我想知道我的 dataProvider 是否为空。当 amcharts 绘制默认 null 时。如何动态处理它？

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 的人似乎忽略了处理传入的空数据集。

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