Question

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

如果'showRangeSelector：true'，则禁用此行为。用户无法与图表进行交互。

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

您可以想象一下这方面的一些用途（例如，打印与突出显示区域中包含的数据相关的各种统计数据等）。

Answer 1

是的，我实施了您所说的内容及其工作原理。为了只选择区域而不缩放它，您可以在＆＃34; zoomCallback＆＃34;中包含此代码。事件

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

现在您有minDate和maxDate，因此您可以使用＆＃34; underlayCallback＆＃34;事件以突出显示所选区域。

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);
}

希望有所帮助：）

dygraphs选择没有缩放的区域

1 个答案: