gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 23:40:55 25 4
gpt4 key购买 nike

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

最佳答案

很好的问题!在您的 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

关于zingchart - 未找到数据时不呈现图表或显示消息或类似内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40475129/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com