Cubism を使用してリアルタイム データをレンダリングしようとしています。5 秒ごとにカスタム メトリックを使用して独自のデータ ソースをポーリングし、過去 2 時間のデータを表示しています。私は自分のコンテキストを構築しています:
var context = cubism.context().step(5000).size(1440);
過去 2 時間のデータをプロットすることから始め、リアルタイムで追加を開始します。軸を表示する必要はなく、水平線グラフのみを表示します。
問題は、このグラフを画面の 216 ピクセル以内にレンダリングする必要があることです。レンダリングすると、グラフの幅が調整されていないようです。代わりに、キャンバスの幅は常に "1440" で、(コンテナーの幅をオフにすると) チャートはページ全体に表示されます。
その上、ホライズンバーはひどく見えます。それらは非常にまとまりがなく、闇と光が非常に散らばっています。私が見ているもののアイデアについては、スクリーンショットを参照してください。
また、このグラフでレンダリングされた値を含む要旨を次に示します。
Cubism が正しい幅を使用してこのチャートを適切にレンダリングするにはどうすればよいですか?
ありがとう！