如何在Highstock中禁用数据分组(npm: Angular-highcharts )

import * as Highcharts from 'highcharts';
import * as HighchartsStock from 'highcharts/highstock';
import HC_exporting from 'highcharts/modules/exporting';
import HC_exportingData from 'highcharts/modules/export-data';
import HC_accessibility from 'highcharts/modules/accessibility';
import HC_more from 'highcharts/highcharts-more.src';

export class MyComponent implements OnInit {
    constructor() {}

    ngOnInit(): void {
        HighchartsStock(Highcharts);
        HC_exporting(Highcharts);
        HC_exportingData(Highcharts);
        HC_accessibility(Highcharts);
        HC_more(Highcharts);
    }
}

<highcharts-chart
    [Highcharts]="Highcharts"
    [options]="chartOptions"
    style="width: 100%; height: 400px;"
></highcharts-chart>

export class MyComponent implements OnInit {
    Highcharts: typeof Highcharts = Highcharts;
    chartOptions: Highcharts.Options = {
        chart: {
            type: 'line'
        },
        title: {
            text: '禁用数据分组示例'
        },
        xAxis: {
            type: 'datetime'
        },
        yAxis: {
            title: {
                text: 'Value'
            }
        },
        plotOptions: {
            series: {
                dataGrouping: {
                    enabled: false // 禁用数据分组
                }
            }
        },
        series: [{
            name: 'Data',
            data: [
                [1569801600000, 10],
                [1569888000000, 20],
                [1569974400000, 30],
                [1570060800000, 40],
                // 添加更多数据点...
            ]
        }]
    };

    constructor() {}

    ngOnInit(): void {
        HighchartsStock(Highcharts);
        HC_exporting(Highcharts);
        HC_exportingData(Highcharts);
        HC_accessibility(Highcharts);
        HC_more(Highcharts);
    }
}