我正在尝试使用 highcharts 回归插件在我的样条图中绘制趋势线。但是我找不到任何片段来显示如何在我的角度组件中正确导入 highcharts-regression 插件。
我已经在我的组件中导入了 angular highcharts,如下面的 2 行中所述。
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>
我在下面提到了用于在 angular8 组件中绘制样条图的 highchart 选项。
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]
}
};```