Highcharts 仅从所选范围内获得 table

Question

我正在 angular 中编写此图表，我想使用 this.chart.update 动态创建我自己的范围选择器。但是它一直说未定义的更新不是函数。我该如何修复代码。另外，我正在尝试将 dataTable 导出到 graphTable div 中，它位于不同的选项卡中。我附上了一张图片，请帮忙。 [graph/tableview 图片][1]

Answer 1

您可以尝试从范围选择器事件rangeSelector.buttons.events中获取数据，您也可以使用[=25=设置您自己的数据分组].

    rangeSelector: {
        buttons: [{
            type: 'month',
            count: 1,
            text: '1m',
            events: {
                click: function () {
                    console.log(this);
                }
            }
        },
    }

演示： https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/stock/rangeselector/button-click/

API 参考资料： https://api.highcharts.com/highstock/rangeSelector.buttons.events https://api.highcharts.com/highstock/rangeSelector.buttons.dataGrouping

Answer 2

在 chart.events.load() 内部实施，您已经接近于从其他 variables/sources 获取数据并将其传递到 rangeSelector 按钮事件中。

chart: {
  events: {
    load: function() {
      let chart = this,
        rangeSelector = chart.rangeSelector;
      console.log(chart);

      rangeSelector.update({
        buttons: [{

演示： https://jsfiddle.net/BlackLabel/Lgdhokfy/

API 参考资料： https://api.highcharts.com/highcharts/chart.events.load

Highcharts 仅从所选范围内获得 table

Highcharts get table from range selected only

javascript

charts

highcharts

angular