RGraph折线图上特定点的不同颜色答案

【问题标题】：Different color on specific point on RGraph line chartRGraph折线图上特定点的不同颜色
【发布时间】：2019-05-14 09:19:10
【问题描述】：

我正在尝试在定义了highlightStyle: 'halo', 和tickmarksStyle: ['circle'] 的点中指定颜色。

图表：

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

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

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

我能做什么？

【问题讨论】：

标签： javascript canvas rgraph

【解决方案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();

【讨论】：

感谢理查德的快速回答！在你的例子中它可以工作，但在我的例子中它会抛出一个警告说：“你必须只有两组数据才能填充范围图表”和一些奇怪的图表：i.stack.imgur.com/57p1v.png
你想让我在 Pastebin 上发送我所做的事情吗？
你有多少数据集？给我一个链接到你的代码。
那么，我需要多个线对象，而不是包含我的数据集的数组？
没错。尽管如果使用相同的比例，任何其他数据集都可以添加到第二个折线图对象。