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

时间:2016-11-07 21:38:48

标签: zingchart

我使用钻取饼图深入查看节点的子节点等。问题是,在某些时候,子节点不包含任何数据。有没有办法在图表内显示消息或类似的东西而不是白色区域(因为没有系列数据),告知用户没有更多的数据可以显示?

1 个答案:

答案 0 :(得分:3)

非常好的问题!在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>

您甚至可以像加载屏幕一样使用背景图片。在下面的示例中,我正在等待图表数据进入时显示海绵块。所以我最初渲染的图表没有系列值和nodata定义。在Ajax调用异步发生时显示图像。

demo