如何着色epoch.js图表的线条？

Question

我正在从石墨中提取一些数据，将其转换并使用epoch.js将其显示为实时线图。。

$('#graph').epoch({ 
    type: 'time.line', 
    data: data,
    axes: ['left', 'right', 'bottom']
});

这成功地显示了图形，但这两条线都是黑色的。时代性例子中的图对于每一行都有不同的颜色，但是我无法在文档中找到任何关于如何做到这一点的参考，也无法从示例的源代码中计算出它是如何做到的。

我怎样才能改变线条的颜色？

Answer 1

如果要将颜色层设置为每一层，则此技巧有效：

https://github.com/epochjs/epoch/issues/137#issuecomment-177531945

var layer_num = 0  # insert here the number of the layer
var catname = "category2"  # insert here the css class category
chart.getVisibleLayers()[layer_num].className = "layer " + catname

有关类别颜色的更多信息，请参见访问此链接。默认情况下，使用category10，所以"category1“是#1f77b4，"category2”是#ff7f0e等等。

Answer 2

我也面临过同样的问题，我花了很长时间才意识到出了什么问题。

在我的例子中，我忘记将class=“划时代的category10”添加到包含图的div中。例如。

<div id="area" class="epoch category10" style="height: 200px;"></div>

似乎基本图表页和实时图表页上的示例缺少了这个类定义。然而，“入门”页面具体说明了上面的行。