如何填充使用Canvas制作的图表中一行下方的区域？

Question

我有一个使用Canvas绘制的图表，可以绘制函数。我希望能够通过对它们上方或下方的区域进行着色来将这些函数转换为不等式。我最好的猜测是它会与context.fill（）有关，但我不知道如何实现它。

http://jsfiddle.net/WFugJ/504/

这里是特定于我希望变成不等式的等式的代码部分：

  myGraph.drawEquation(function(x) {
    return 5 * Math.sin(x);
  }, 'black', 3);

  myGraph.drawEquation(function(x) {
    return x * x;
  }, 'blue', 1);

  myGraph.drawEquation(function(x) {
    return 1 * x;
  }, 'red', 1);

（旁注：如果有人可以帮我添加虚线网格线，那也会有所帮助。）

提前致谢！