是否可以在dygraph库中仅填充图形的一部分？

Question

我想只填充图形的一部分（由x范围指定），而不是填充由fillGraph选项完成的填充。目前有可能吗？

Answer 1

一种选择是将数据系列分成两部分，一部分用于填充区域，另一部分用于其他区域。然后，您可以为填充的系列设置fillGraph：

new Dygraph(div,
[
    [1,    3, null],
    [2,    6, null],
    [3,    8, null],
    [4,    9, 9   ],
    [5, null, 9   ],
    [6,    8, 8   ],
    [7,    6, null],
    [8,    3, null]
], {
    // note: second 'Y' series has a space, to distinguish it. (hack!)
    labels: ['X', 'Y', 'Y '],
    series: {
        'Y': {
            color: 'blue'
        },
        'Y ': {
            fillGraph: true,
            color: 'blue'
        }
    }
});

请参阅this fiddle。

这看起来是正确的，但确实有使您的数据更加复杂的缺点。将鼠标悬停在转换点上时，在图例中显示两个y值。

另一种方法是编写仅填充特定区域的custom plotter。您可以查看this demo和this question获取灵感。