Dygraph - 仅突出显示线下区域或多色背景取决于 Y 轴值

Question

我正在使用 Dygraph 来显示学生的出勤率。我突出显示了特定月份出勤率低的区域。我正在使用来自 dygraph 网站的 this 示例。

在此图表中，突出显示的区域从上到下为黄色。是否可以只突出显示系列线下方的区域而不是从上到下？

已更新 - 是否可以根据 Y 轴值添加多种背景颜色我的意思是在 Y 轴值 0 到 30 背景将是红色，30 到 60 黄色和 60 到 100 绿色？

Answer 1

是的，可以根据Y轴值添加多种背景颜色。下面你有必要的代码和一个 jsfiddle，你可以在其中看到如何做到这一点。

 function highlightYaxesWithColour(y_start, y_end, color) {
          var canvas_bottom = g.toDomYCoord(y_start);
          var canvas_top = g.toDomYCoord(y_end);
          var canvas_height = canvas_top - canvas_bottom;
          canvas.fillStyle = color;
          canvas.fillRect(area.x, canvas_bottom, area.w, canvas_height);
 }

http://jsfiddle.net/Lucidio/2rmLLdcm/

Dygraph - 仅突出显示线下区域或多色背景取决于 Y 轴值

Dygraph - highlight area below line only Or multi colour background depend on Y axis value

javascript

jquery

dygraphs