dygraph：永久突出显示特定数据点

Question

我要突出显示系列数据图中的特定数据点（如绿色圆圈）。它应该是一个静态/永久高亮点，与鼠标悬停无关。例如，需要突出显示图中所有数据点的峰值。我期望有一种使用x，y坐标来通知测向图突出显示特定数据点的方法。

Answer 1

您可以使用underlayCallback选项，以便在图形的基础画布上进行绘制。

下面的示例是从我拥有的更为复杂的示例中快速提取的-希望它已经足够接近您的想法了：

突出显示x = 5, y = 17点

graph_options.underlayCallback = function(canvas, area, g) {

  // Convert data co-ordinates to canvas co-ordinates
  var xPoint = g.toDomXCoord(5);
  var yPoint = g.toDomYCoord(17);

  // Draw a red circle
  canvas.fillStyle = 'rgba(255, 0, 0, 1)';
  canvas.beginPath();
  canvas.arc(xPoint, yPoint, 20, 0, 2 * Math.PI, false);
  canvas.fill();
}

上面的代码将在所需的数据点上绘制一个大红色圆圈（半径20），“真实”数据点将绘制在其上方，并且行为与其他任何数据一样。该技术足够快地工作，可以具有许多突出显示的点，但不会特别慢。