dygraphs 选择区域而不缩放

Question

在 dygraphs 中，默认情况下，选择图形的一个区域将突出显示它。释放鼠标按钮时，图形将放大到所选区域。

如果 'showRangeSelector: true' 此行为被禁用。用户无法与图形交互。

我希望用户能够选择一个区域并突出显示它。释放鼠标按钮时，所选区域将保持突出显示，并且将使用突出显示区域的开始和结束位置触发事件。

您可以想象它的多种用途(例如，打印与突出显示区域中包含的数据相关的各种统计数据等)。

Answer 1

是的，我实现了你所说的和它的工作。
为了只选择区域而不缩放它，您可以将此代码包含在“zoomCallback”事件中。

zoomCallback:function(minDate,maxDate,yRanges){
   this.updateOptions({
   dateWindow: null,
   valueRange: null
  });
}

现在您有了 minDate 和 maxDate，因此您可以使用“underlayCallback”事件来突出显示所选区域。

underlayCallback:function(canvas,area,g){
    var bottom_left = g.toDomCoords(minDate, -20);
    var top_right = g.toDomCoords(maxDate, +20);

    var left = bottom_left[0];
    var right = top_right[0];

    canvas.fillStyle = "rgba(255, 255, 102, 1.0)";
    canvas.fillRect(left, area.y, right - left, area.h);
}

希望能帮助到你 :)