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

Question

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

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

更新 - 是否可以根据Y轴值添加多种背景颜色我的意思是在Y轴值0到30背景将是红色，30到60黄色＆amp; 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/