Javascript 如何对JSXGraph板的各个部分进行着色？

我有一个由几行简单线条组成的董事会，如下所示：

---

我想对它的部分进行着色，例如，蓝线和虚线之间的白色区域。最好的办法是什么？我已经查看过了，但是没有一个提供的元素突然出现在我的面前，到目前为止，我还没有看到任何能够实现我所尝试的功能的示例。元素是否易于扩展到多条线？

您可以使用多边形并隐藏多边形的边和顶点。以下是一个例子：

    var board = JXG.JSXGraph.initBoard("jxgbox", {
        boundingbox: [-1, 5, 5, -1],
        axis: true
    });

    var p1 = board.create('point', [2, 1]);
    var shade = board.create('polygon', [p1, [0,p1.Y()], [0,4]],
            {
                borders: {visible: false},
                vertices: {visible: false}
            }
        );

如果需要与坐标轴相交，可以使用访问它们

board.defaultAxes.x

和

board.defaultAxes.y