Angular Highcharts:带有回归线的散点图(Scatter Chart with Regression Line)
下面给出了一个带有回归线的散点图的例子。
配置
series
将图表类型配置为基于散点图。series.type决定图表的类型。这里,默认值是“line”。
series : [{ type: 'scatter' }]
例子
app.component.ts
import { Component } from '@angular/core'; import * as Highcharts from 'highcharts'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { highcharts = Highcharts; chartOptions = { title : { text: 'Scatter plot with regression line' }, xAxis : { min: -0.5, max: 5.5 }, yAxis : { min: 0 }, series : [ { type: 'line', name: 'Regression Line', data: [[0, 1.11], [5, 4.51]], marker: { enabled: false }, states: { hover: { lineWidth: 0 } }, enableMouseTracking: false }, { type: 'scatter', name: 'Observations', data: [1, 1.5, 2.8, 3.5, 3.9, 4.2], marker: { radius: 4 } }] }; }
结果