是否可以在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的灵感。