Question

我从石墨中提取一些数据，转换它并使用epoch.js to display it as a realtime line chart。

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

这会成功显示图表，但这两行都是黑色的。 graph in the epoch example每行都有不同的颜色，但我无法在文档中找到如何执行此操作的任何参考，或者从示例的源代码中找出它是如何做到的。

如何更改线条的颜色？

Answer 1

我遇到了同样的问题，在我意识到错误之前我花了很长时间。

在我的情况下，我忘了将class =“epoch category10”添加到包含图表的div中。 E.g。

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

基本和实时图表页面上的示例似乎缺少此类定义。然而，入门页面具体说明了上述内容。

Answer 2

如果你想为每一层设置颜色层，这个技巧可行：

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

Visit this link了解有关类别颜色的更多信息。默认情况下，使用category10，因此“category1”为#1f77b4，“category2”为#ff7f0e等

如何为epoch.js图表上色线？

2 个答案:

如何为epoch.js图表​​上色线？

2 个答案:

如何为epoch.js图表上色线？