我正在使用下钻饼图来下钻到节点的子节点,等等。问题是,在某些时候,子节点不包含任何数据。是否有一种方法可以在图表中显示消息或类似的内容,而不是通知用户没有更多数据要显示的白色区域(因为没有系列数据)?
问得好!在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调用异步发生时,将显示图像。
演示