使用自定义宽度渲染立体主义水平线图

Question

我正在尝试使用 Cubism 渲染实时数据。每 5 秒我使用一个自定义指标来轮询我自己的数据源，并显示最近 2 小时的数据。我正在构建我的上下文：

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

我首先绘制过去 2 小时的数据，然后开始实时添加。我不需要显示任何坐标轴，只需要显示水平线图。

问题是我需要在屏幕空间的 216 像素内渲染此图。当我渲染它时，它似乎没有根据图形的宽度进行调整。相反，画布的宽度始终为“1440”，并且（当我关闭容器的宽度时）图表一直穿过页面。

最重要的是，水平线看起来很糟糕。它们非常脱节，黑暗与光明非常分散。请参阅屏幕截图以了解我所看到的内容：

另外，here is a gist 包含此图表中呈现的值。

如何让 Cubism 使用正确的宽度正确呈现此图表？

谢谢！

Answer 1

创建上下文时，您可以使用 size 方法指定要在图表中显示的数据量。

目前，图表的所有数据点都显示在图表中。见https://github.com/square/cubism/issues/4

唯一的解决方法似乎是减少需要绘制的数据点。

至于颜色，您没有发布您正在使用的颜色（如果有的话）。查看color 文档。