mysql - 如何根据 Highcharts 中的先前值降低动态更改线条颜色

我正在尝试使用使用绿色和黑色的highchart.js构建折线图。数据是从SQL数据库中提取的，如果该值大于先前的值，则为绿色。如果该值小于先前的值，则颜色为黑色。

我是新来的，一直在搜索，但是我发现的唯一一件事就是使用区域更改颜色。

谁可以帮我这个事？

最佳答案

我创建了这个示例，它应该可以帮助您：

series: [{
  name: 'Random data',
  colorByPoint: true,
  data: (function() {
    // generate an array of random data
    var time = (new Date()).getTime(),
      i,
      yValue;

    for (i = -19; i <= 0; i += 1) {
      yValue = Math.random();

      if (i > -19 && yValue > data[data.length - 1].y) { // Green point
        zones.push({
          color: "#5f9",
          value: time + i * 1000,
        });
      } else if (i > -19 && yValue <= data[data.length - 1].y) { // black point
        zones.push({
          color: "#000",
          value: time + i * 1000,
        });
      } else { // first point alway green
        zones.push({
          color: "#5f9",
          value: time + i * 1000,
        });
      }
      data.push({
        x: time + i * 1000,
        y: yValue
      });
    }
    return data;
  }()),
  zoneAxis: "x",
  zones: zones
}]

Fiddle

关于mysql - 如何根据 Highcharts 中的先前值降低动态更改线条颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55316608/