未找到数据时不呈现图表或显示消息或类似内容

Question

我正在使用向下钻取饼图向下钻取到节点的子节点等。问题是在某些时候，子节点不包含任何数据。有没有办法在图表内显示一条消息或类似的东西，而不是一个白色区域（因为没有系列数据）来通知用户没有更多数据要显示？

Answer 1

问得好！在 JSON 配置中，您可以定义 nodata 属性。

var myConfig = {
  type: "bar", 
  noData:{
    text:"Empty Series",
    backgroundColor: "#20b2db"
  },
  series:[
      {
        values:[]
      }
    ]
};
 
zingchart.render({ 
 id : 'myChart', 
 data : myConfig, 
 height: 400, 
 width: 600 
});

<!DOCTYPE html>
<html>
 <head>
  <script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
    </head>
 <body>
  <div id='myChart'></div>
 </body>
</html>

您甚至可以使用背景图片作为加载屏幕。在下面的示例中，我在等待图表数据输入时显示海绵宝宝。因此，我最初渲染了一个没有定义系列值和数据的图表。在异步调用 Ajax 时显示图像。

demo

未找到数据时不呈现图表或显示消息或类似内容

Do not render chart when no data is found or display a message or something similar

zingchart