当没有找到数据或显示消息或类似的东西时,不要呈现图表

  • 本文关键字:数据 显示 消息 zingchart
  • 更新时间 :
  • 英文 :


我正在使用下钻饼图来下钻到节点的子节点,等等。问题是,在某些时候,子节点不包含任何数据。是否有一种方法可以在图表中显示消息或类似的内容,而不是通知用户没有更多数据要显示的白色区域(因为没有系列数据)?

问得好!在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调用异步发生时,将显示图像。

演示

相关内容

  • 没有找到相关文章

最新更新