使用自定義寬度渲染立體圖水平圖

Question

我試圖渲染使用立體主義的實時數據。每5秒鐘我使用一個自定義指標來輪詢我自己的數據源，並顯示最近2小時的數據。我在建立我的背景：

var context = cubism.context().step(5000).size(1440); 

我開始繪製過去2小時的數據，然後開始實時添加。我不需要顯示任何座標軸，只需要顯示水平圖。

問題是我需要在216px的屏幕房地產內渲染此圖。當我渲染它時，它似乎沒有調整圖的寬度。相反，畫布始終寬度爲「1440」，並且（當我關閉容器的寬度時）圖表會一直貫穿整個頁面。

最重要的是，地平線條看起來很糟糕。它們非常分散，黑暗與光線非常分散。見截圖爲我所看到的一個想法：

此外，here is a gist包含此圖表中顯示的值。

如何讓Cubism使用正確的寬度正確渲染此圖表？

謝謝！

Answer 1

創建上下文時，可以使用size方法指定要在圖形中顯示的數據量。

當前所有圖表的數據點顯示在圖中。請參閱https://github.com/square/cubism/issues/4

唯一的解決方法似乎是需要繪製的數據點較少。

至於顏色，你沒有發佈你使用的顏色（如果有的話）。檢查color文檔。