Question

在初始加载图表后，我想通过更新图表来随时附加注释。目前我有一个更新功能，可以将数据附加到图表中：

const chart = this.chart.getChart();    
const serie = this.getSerie();
chart.series[0].setData(serie.list);

有没有办法可以用类似的方式添加注释？

目前我在初始图表配置中插入注释：

annotations: [{

        xAxis: 0,
        yAxis: 0,
        xValue:1515571888000.3572,
        yValue: 200,
        anchorX: 'left',
        anchorY: 'top',
        title: 'Annotation text',
      }]

但我有兴趣在更新图表时能够添加注释。

目前我从npm使用react-highcharts v。^ 11.0.0。

Answer 1

请参阅此现场演示： http://jsfiddle.net/kkulig/gxv5f3xn/

您可以使用Chart.removeAnnotation()和Chart.addAnnotation()执行动态更新（Chart.update()无法正常工作）。这些方法尚未在API中进行过文档化。

  annotations: [{
    id: 'anno1',
    labels: [{
      point: 'first',
      format: '1'
    }, {
      point: 'second',
      format: '2'
    }]
  }]

(...)

  chart.removeAnnotation('anno1');

  chart.addAnnotation({
    id: 'anno2',
    labels: [{
      point: 'first',
      format: '3'
    }, {
      point: 'second',
      format: '4'
    }]
  });

当通过图例项目隐藏系列时，单击错误发生 - 它是一个错误（应该很快实现它的官方修复）。为了防止发生这种错误，我使用了修改后的核心功能（演示中的第1 - 39行）。

在初始加载图表后附加带有注释的React Highchart

1 个答案: