0

这是html代码

<highcharts-chart
  *ngIf="!isLoading"
  [Highcharts]="Highcharts"
  [options]="chartOptions"
  [(update)]="updateChart"
  style="width: 100%; height: 100%; display: block;"
></highcharts-chart>

在此处输入代码

This is the typescriptcode


 onTogglevolume() {
    this.chartOptions.series[2].visible = !this.chartOptions.series[2].visible;

    this.chartOptions = {
      ...this.chartOptions
    };
    this.chartOptions.redraw();

  }

These are import statements

import * as Highcharts from 'highcharts';
import { Options } from "highcharts";
import StockModule from 'highcharts/modules/stock';
StockModule(Highcharts);

4

1 回答 1

1

load 事件仅在乞求时触发一次，因此它不是进行更多动态更改的理想场所。而不是这个，我建议使用其他一些事件。我猜您将在更改时间范围后计算每列的颜色。在这种情况下，您应该使用例如afterSetExtremes我在演示中所做的事件。我还创建了一个名为colorVolume. 在使用图表参考的内部，我使用了点更新方法来更改第一列的颜色。

演示：
https
://stackblitz.com/edit/highcharts-angular-basic-line-fvtyrx API：
https ://api.highcharts.com/highcharts/xAxis.events.afterSetExtremes
https://api.highcharts.com/类参考/Highcharts.Point#update

于 2020-11-20T13:01:13.763 回答