ZingChart ライブラリを使用してグラフを作成しましたが、すべてが期待どおりに機能しています。グラフは、特定のコンセントの電力消費量を時系列で表示するために使用されます。
グラフが読み込まれると、システムはその期間の kWh 消費量を表示します。
ユーザーはグラフをズームインおよびズームアウトする機能を持っていました。その場合、その期間の消費電力をグラフに表示したいと思います。
私はズームイベントを使用しています:
zingchart.render({
id:'chartDiv',
data:graphset,
height:500,
events:{
zoom:function(p){
console.log(p);
console.log(zingchart.exec(p.id, 'getseriesdata', {}));
console.log(zingchart.exec(p.id, 'getseriesvalues', {}));
console.log(zingchart.exec(p.id, "getplotvalues", {}));
}
},
width:"100%"
});
ズームインまたはズームアウトすると、関数 getseriesdata、getseriesvalues、および getplotvalues は、表示されている値だけでなく、常に完全なグラフ値を返します。
p オブジェクトは新しい x と y の制限を与えてくれますが、それらを使用して可視値のみを取得する方法が見つかりません。
誰かがこれをしましたか?
どんな助けでも大歓迎です。
ありがとう!