當沒有找到數據或顯示一條消息或類似的東西時，請勿呈現圖表

我正在使用向下鑽取的餅圖深入到節點的子節點等。問題是，在某些時候，子節點不包含任何數據。有沒有辦法在圖表內部顯示消息或類似內容而不是白色區域（因爲沒有系列數據），通知用戶沒有更多數據要顯示？當沒有找到數據或顯示一條消息或類似的東西時，請勿呈現圖表

來源

2016-11-07 Vasilis Lourdas

非常好的問題！在您的JSON配置中，您可以定義nodata屬性。

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

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

你甚至可以使用背景圖片就像一個載入畫面。在下面的示例中，我在等待圖表數據進入時顯示海綿寶寶。因此，我最初呈現的圖表沒有定義系列值和nodata。在Ajax調用異步發生時顯示圖像。

demo

來源

2016-11-10 17:27:18 nardecky

謝謝！它像一個魅力一樣工作！ –

當沒有找到數據或顯示一條消息或類似的東西時，請勿呈現圖表

回答

相關問題