Javascript flot生成的图形能否包括具有明确定义的xy笛卡尔轴和原点的象限II-IV？

我已经开始使用JS绘图API来绘制数据。我最近发现了flot，可以画一条简单的线（y=x+1）：

变量d1=[[0,1]、[1,2]、[2,3]、[3,4]、[4,5]；
$（文档）.ready（函数（）{
$.plot（$（“#图形屏幕”），[d1]{
xaxis：{
小数点：0，字体：{
尺寸：10，重量：“粗体”，颜色：“000”
}
}, 
亚克斯：{
字体：{
尺寸：10，重量：“粗体”，颜色：“000”
}
}
});
});

图表看起来不错

仅在象限I中绘制。然而，很明显，大多数数学函数在绘制图形时，在象限II-IV中也具有有趣的特性

我更改了数据集，将落在象限II和III中直线上的点包括在内：

<script type="text/javascript">
var d1 = [[-4, -3], [-3, -2], [-2, -1], [-1, 0], [0, 1], [1, 2], [2, 3], [3, 4], [4, 5]];
$(document).ready(function () {
    $.plot($("#GraphScreen"), [d1], {
        xaxis: {
            tickDecimals: 0, font: {
                size: 10, weight: "bold", color: "#000"
            }
        }, 
        yaxis: {
            font: {
                size: 10, weight: "bold", color: "#000"
            }
        }
    });
});
</script>

变量d1=[-4，-3]、-3，-2]、-2，-1]、-1,0]、[0,1]、[1,2]、[2,3]、[3,4]、[4,5]；
$（文档）.ready（函数（）{
$.plot（$（“#图形屏幕”），[d1]{
xaxis：{
小数点：0，字体：{
尺寸：10，重量：“粗体”，颜色：“000”
}
}, 
亚克斯：{
字体：{
尺寸：10，重量：“粗体”，颜色：“000”
}
}
});
});

线是“正确的”，但图像缺少任何清晰识别的笛卡尔坐标轴，其中包括一个明显的原点：

有没有办法突出/使flot中的（标记的）轴清晰可见，以便在图形上区分所有4个象限？我阅读了文档，搜索了Stack Overflow（最接近我找到的是this:），并在web上搜索了这个主题，但没有找到任何有用的内容

到目前为止，我的解决方案如下：

仅与象限I一起生活（不可取，但接管它，完全没有任何绘图）

Hack-使用css和js将4个flot容器缝合在一起，每个轴都有适当的标签（我不想尝试这个）

尝试一个不同的web应用程序，比如JSXGraph（注意，象限是有区别的，如图所示：）-如果flot失败，这似乎是最好的选择

我创建了一个简单的插件来演示如何使用插件将类似笛卡尔的轴添加到flot

在包含插件脚本文件后，将以下内容添加到选项变量中即可：

 coordinate: {
     type: "rectangular"
 }

---

你看到这个了吗？它允许您将笛卡尔坐标轴添加到flot图表中。否..我没有。我仍然掌握合并API的窍门。非常感谢…我准备尝试JSXGraph。在我能够理解其余内容并生成所需的图形之前，我已经阅读了您的评论。无论如何，您的答案是最好的答案…非常感谢！

 coordinate: {
     type: "rectangular"
 }