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

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文档。