javascript - RGraph折线图上特定点的不同颜色

Question

我试图在一个点中指定一个颜色highlightStyle: 'halo',并tickmarksStyle: ['circle']定义。

图形：

如果这些点超过那条蓝线，我想将它们的颜色更改为红色。这种情况没什么大不了的，但似乎无法弄清楚。

或者，如果更简单，如果主线超过蓝线，则将线段颜色更改为红色。

我一直在查看折线图 API，但找不到适用于我的场景的参数。

我能做些什么？

Answer 1

如果我正确理解您的请求，那么最简单的方法是使用filledThreshold和filledThresholdColors属性。

这是代码：

new RGraph.Line({
    id: 'cvs',
    data: [d1, d2],
    options: {
        backgroundGridHlinesCount: 5,
        backgroundGridVlines: false,
        backgroundGridBorder: false,
        axes: false,
        filled: true,
        filledRange: true,
        filledRangeThreshold: 12,
        filledRangeThresholdColors: ['red', 'blue'],
        xaxisLabels: ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P'],
        colors: ['transparent', 'transparent'],
        xaxisTickmarksCount: 15,
        tickmarksStyle: null
    }
}).draw();