javascript - Highcharts:动态数据的符号标记？

Question

我正在使用折线图(我认为)来显示我的数据，并且我尝试根据数据的值使用红色、黄色或绿色的点。问题是，我什至无法更改图表上使用的符号!我使用的是从数据库中提取的数据，因此我不能简单地定义Series[]中的数据，然后从那里定义符号，它是使用chart.addSeries()函数添加的。

如果这是一个菜鸟问题，我很抱歉，对于 JavaScript 和 Highcharts，我是一个菜鸟。

编辑:出于安全原因，我无法发布代码。

Answer 1

答案可能不是100%准确，但我会这样做:

// Loop over series and populate chart data
$.each(results.series, function (i, result) {
    var series = chart.get(result.id);
    //I think I have to do some sort of marker: set here

    $.each(result.data, function (i, point) {
        var x = point.x, // OR point[0]
            y = point.y; // OR point[1]
        result.data[i] = {
            color: y > 100 ? 'red' : 'blue',
            x: x,
            y: y
        }
    });

    if (series) {
        series.update(result, false);
    } else {
        chart.addSeries(result, false);
    }
});
chart.redraw();

如您所见，这里我向该点添加了 color 属性。现在有简单的逻辑(值 < 100)，但您可以应用任何您想要的东西，例如将返回正确颜色的函数等。

请注意，我正在提取 x 和 y 值。如何获取它们取决于数据的格式。它可以是 {x: some_valueX, y: some_valueY} 或 [some_valueX, some_valueY] 甚至仅 some_valueY。

重要:如果您有很多积分(1000+)，请不要忘记增加 turboThreshold 或禁用它。