highcharts 如何在Angular 高图中多次动态设置range-min-max？

p8ekf7hl 于 11个月前发布在 Highcharts

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

我想通过点击另一个组件表或按钮来设置Angular 高库存图表的范围。
简单的例子，对于使用setExtremes选择范围T1或T2不起作用：（https://stackblitz.com/edit/angular-ivy-49z46k?file=src%2Fapp%2Fapp.component.ts）
在下一个例子中，我尝试在xAxis[0].min =value上直接设置min max。有时它会工作两次，但当你点击多次时，它会停止交互。
https://stackblitz.com/edit/highcharts-angular-optimal-way-to-update-5pd6yy?file=src%2Fapp%2Fapp.component.ts的

highcharts

来源：https://stackoverflow.com/questions/77530933/how-to-set-rangeselector-min-max-dynamicly-multiple-times-in-angular-highcharts

1条答案

按热度按时间

raogr8fs1#

你的代码中有两个错误：

this在你的chartCallback函数中指向一个图表，使用箭头函数来使用组件上下文。
setExtremes需要在this.chart.xAxis[0]上调用，而不是this.chart.xAxis

chartCallback = (chart: Highcharts.Chart) => {
    this.chart = chart;
  }

  changeRange(min, max){
    this.chart.xAxis[0].setExtremes(
      min,
      max
    );
  }

字符串

现场演示：https://stackblitz.com/edit/angular-ivy-dxjl2c

赞(0）回复(0）举报 11个月前

我来回答

highcharts 如何在Angular 高图中多次动态设置range-min-max？

1条答案

相关问题

热门标签

最新问答