javascript - 带标签的 Dygraphs 垂直线

Question

我需要在我的图文上放置一 strip 有标签的垂直线，例如本例中的国庆节线 - http://www.fusioncharts.com/dev/chart-attributes.html?chart=msline

我在谷歌上搜索了大约2个小时，但找不到任何例子。有人能给我举个例子或者让我走上正轨吗？谢谢。

Answer 1

今天的最佳实践是使用 underlay callback 添加突出显示的区域(example)。

尝试在“new Dygraph()”调用中指定“underlayCallback”选项。使用 HTML Canvas 上下文来画线。

创建图表时:

// Graph range on X axis:
var xMin=0, xMax=1;
// horizontal line Y value:
var yValue = 0.5;

new Dygraph(document.getElementById('garph'), data, {
    // Graph options
    underlayCallback: function(ctx, area, dygraph) {
        var xLeft =  dygraph.toDomCoords(Min, yValue);
        var xRight = dygraph.toDomCoords(Max, yValue);
        ctx.strokeStyle = 'black';
        ctx.beginPath();
        ctx.moveTo(xLeft[0],  xLeft[1] );
        ctx.lineTo(xRight[0], xRight[1]);
        ctx.closePath();
        ctx.stroke();
    }
});

请注意，这是一个非常通用的示例，因为您尚未显示自己的代码。