Question

我需要在我的dygraph上放置一个带有标签的垂直线，例如本例中的国家假日线 - http://www.fusioncharts.com/dev/chart-attributes.html?chart=msline

我搜索谷歌大约2个小时，无法找到任何示例。有人可以给我一个例子或让我走上正轨吗？感谢。

Answer 1

今天的最佳做法是使用underlay callback（example）添加突出显示的区域。

尝试指定＆＃34; underlayCallback＆＃34;您的＆＃34;新Dygraph（）＆＃34;中的选项呼叫。使用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();
    }
});

请注意，这是一个非常一般的示例，因为您还没有显示自己的代码。

Dygraphs垂直线与标签

1 个答案: