javascript - 中途更改 Dygraphs 系列的颜色

Question

在我的图文图表中，我有一个已推断的系列。我想对推断部分进行不同的着色，但尚未找到方法。

我怀疑不存在一种方法(因为我在文档中发现的内容表明颜色仅适用于每个系列)，但如果有一种方法，如何在中途更改数据系列的颜色？

Answer 1

你说得很对——没有办法改变 Dygraphs 中数据系列的一部分的颜色。但可以使用单独的系列来推断数据，如下所示:

[
  [1, 0, null],
  [2, 2, null],
  [3, 4, null],
  [4, 6, 6],
  [5, null, 8],
  [6, null, 10],
  [7, null, 12],
  [8, null, 14],
]

var g = new Dygraph(
  document.getElementById("g"), [
    [1, 0, null],
    [2, 2, null],
    [3, 4, null],
    [4, 6, 6],
    [5, null, 8],
    [6, null, 10],
    [7, null, 12],
    [8, null, 14],
  ], {
    colors: ['green', 'red'],
    labels: ['x', 'normal', 'extrapolated'],
    strokeWidth: 3,
    title: 'different series for extrapolated data'
  });

<script src="http://dygraphs.com/dygraph-dev.js"></script>
<div id="g"></div>