📅  最后修改于: 2020-10-28 04:42:07             🧑  作者: Mango
以下是基本散点图的示例。
我们已经在Highcharts配置语法一章中看到了用于绘制图表的配置。
下面给出了基本散点图的示例。
现在让我们看看所采取的其他配置/步骤。
将图表类型配置为基于散点图。 series.type决定图表的系列类型。在此,默认值为“ line”。
var chart = {
type: 'scatter',
zoomType: 'xy'
};
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'
},
series : [{
type: 'scatter',
zoomType:'xy',
name: 'Browser share',
data: [ 1, 1.5, 2.8, 3.5, 3.9, 4.2 ]
}]
};
}
验证结果。