如何使用Highcharts回归插件使用angular 8包装器绘制趋势线

我正在尝试使用highcharts回归插件在样条曲线图中绘制趋势线。 但我找不到任何片段显示如何在我的angular组件中正确导入highcharts回归插件

chartOptions = {
    chart: {
      type: 'spline'
    },
    title: {
      text: 'With Outliers'
    },
    xAxis: {
      title: {text: 'Chunk Order'},
      tickInterval: 10,
      categories: [
                2,4,5,7,8
      ]
    },
    yAxis: {
      title: {
        text: 'Oil Pressure'
      }
    },
    plotOptions: {
      series: {
        marker: {
          enabled: false,
          fillColor: '#f5bf42',
        }
      }
    },
    series: {
      name: 'oilpressure',
      lineColor: '#f5bf42',
      regression: true,
      /* regressionSettings: {
        name : 'oilpressure',
        type: 'linear',
        color: 'rgba(223, 183, 83, .9)',
        dashStyle: 'dash'
      }, */
    
      data: [345, 678,654,772,352]

    }
  };```

我已经在我的组件中导入了角度海图，如下面两行所述

import * as Highcharts from 'highcharts';
import HC_exporting from 'highcharts/modules/exporting';
HC_exporting(Highcharts);

和html格式：

 <highcharts-chart [Highcharts]="highcharts" [options]="chartOptions"
       [callbackFunction]="chartCallback"  [(update)]="updateFlag"  [oneToOne]="oneToOneFlag"
         style="width: 100%; height: 400px; display: block;">
     </highcharts-chart>

---

您只需安装

highcharts回归

软件包，然后导入该软件包并使用

highcharts

对其进行初始化（与导出模块一样）

从“@angular/core”导入{Component}；
从“Highcharts”导入*作为Highcharts；
声明函数require（名称：string）；
常量HC_回归=需要（“高图表回归”）；
HC_回归（高图）；
...

现场演示：

---

谢谢@Mateusz Kornecki，您提到的解决方案确实很有帮助，而且很有效，但它只适用于静态数据。当我在从另一个api调用接收数据后再次尝试更新“series”数据时，它会再次删除趋势线。我更新了这个问题，提到了如何在html代码中使用highchart组件。另外，当我从api获取数据时，我会使用下面的行

this.chartOptions.series=newdata更新chartOptions对象

似乎

highcharts回归

无法处理动态数据（）。由于它是第三方产品，我建议联系作者