データが見つからなかったり、メッセージなどが表示されているときにグラフをレンダリングしない

ドリルダウンの円グラフを使用してノードの子などにドリルダウンしています。問題はある時点で、任意のデータを含みます。表示するデータがないことをユーザーに知らせる白い領域（系列データがないため）ではなく、グラフ内にメッセージなどを表示する方法はありますか？データが見つからなかったり、メッセージなどが表示されているときにグラフをレンダリングしない

出典

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

ありがとうございます！それは魅力のように働いた！ –

データが見つからなかったり、メッセージなどが表示されているときにグラフをレンダリングしない

答えて

関連する問題