如何使用Highcharts在Angular 15 typescript中单击下拉列表时更改图表类型?

vyswwuz2  于 2023-06-29  发布在  Highcharts
关注(0)|答案(1)|浏览(130)

我试图改变图表类型点击下拉菜单,但我不知道如何在Angular组件类型脚本文件中做同样的事情。
我正在尝试这样的东西,但它不工作?

onOptionsSelected(value:string){
    console.log("the selected value is " + value);
    if(value="line"){
     
       this.showChart1();
    }
    else if(value=="bar"){
        this.chartData.destroy();
        this.showChart2();
    }
    else if(value=="area"){
    
      this.showChart3();
    }
    else if(value=="column"){
     
      this.showChart4();
    }
}
k97glaaz

k97glaaz1#

在官方的 Package 器存储库中,您有一个演示,展示了如何以最佳方式更新图表。如果您正确设置了updateFlag,则可以更新chartOptions

handleUpdate() {
  this.chartOptions.series[0] = {
    type: this.chartOptions.series[0].type === 'column' ? 'line' : 'column',
  };

  this.updateFlag = true;
}

Demohttps://stackblitz.com/edit/highcharts-angular-update-optimal-way-pjgqgg

文档:https://github.com/highcharts/highcharts-angular#options-details

相关问题