如何使用Highcharts J突出显示特定点

fquxozlt 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(192)

我有一个简单的Highchart，它的数据集最多包含1000个数据。只有y值，x值是自动生成的。而且，这些值来自我的nodejs服务器，所以请不要对标记感到惊讶。现在我想要突出显示3个已知x和y值的特殊值。现在用哪种方式并不重要。一种可能性是显示该位置的点，我的问题是我不知道如何控制一个特定的点。

var chart1 = new Highcharts.Chart({
        chart: {
            renderTo: 'chart-emg1',
            type: 'line'
        },
        title: {
            text: 'EMG 1'
        },
        xAxis: {
            tickInterval: 1

        },
        yAxis: {
            title: { text: 'Voltage'}
        },
        series: [{
            data: [<%-data1 %>]
        }]
    });

highcharts

来源：https://stackoverflow.com/questions/72292282/how-to-highlight-specific-point-with-highcharts-js

1条答案

按热度按时间

ercv8c1e1#

您可以使用load事件并更新特定点。例如：

events: {
  load: function() {
    this.series[0].points.forEach(point => {
      const isPointToHighlight = pointsToHighlight.some(
        p => p.x === point.x && p.y === point.y
      );
      if (isPointToHighlight) {
        point.update({
          color: 'red',
          marker: {
            enabled: true
          }
        }, false);
      }
    });

    this.redraw();
  }
}

现场演示：http://jsfiddle.net/BlackLabel/tLd3j78f/
API参考：

https://api.highcharts.com/highcharts/chart.events.load
https://api.highcharts.com/class-reference/Highcharts.Point#update

赞(0）回复(0）举报 2022-11-10

我来回答

如何使用Highcharts J突出显示特定点

1条答案

相关问题

热门标签

最新问答