如何在不重新加载图表的情况下更新选项(ng2-chart)

时间:2018-11-06 12:01:52

标签: javascript angular chart.js ng2-charts

我需要更新图表中的选项,并且需要显示带有新选项的图表。 我希望图表不重新加载 这是我的ts。

   @ViewChild(BaseChartDirective)  chart: any;

lineChartOptions: any = {
    responsive: true,
    zoom:{
      // Boolean to enable zooming
      enabled: false,
      sensitivity: 0.5,
      // Enable drag-to-zoom behavior
      drag: true,

      // Zooming directions. Remove the appropriate direction to disable 
      // Eg. 'y' would only allow zooming in the y direction
      mode: 'xy',
      rangeMin: {
        // Format of min zoom range depends on scale type
        x: null,
        y: null
      },
      rangeMax: {
        // Format of max zoom range depends on scale type
        x: null,
        y: null
      }
    }

现在,当发生外部事件时,我需要更改选项和主动缩放:

handleExternalEvent(){
 this.lineChartOptions.zoom.enabled=true;
    this.chart.chart.update();
}

问题是更新不起作用。如果我使用重新加载的新选项对新图表执行“ this.chart.refresh()”,但我不希望重新加载图表。谁能帮助我?

0 个答案:

没有答案