Biểu đồ phân biệt góc - Biểu đồ phân tán
Sau đây là một ví dụ về biểu đồ phân tán cơ bản.
Chúng ta đã thấy cấu hình được sử dụng để vẽ biểu đồ trong chương Cú pháp cấu hình Highcharts .
Dưới đây là một ví dụ về biểu đồ phân tán cơ bản.
Cấu hình
Bây giờ chúng ta hãy xem các cấu hình / bước bổ sung được thực hiện.
loạt
Định cấu hình loại biểu đồ để dựa trên phân tán. series.typequyết định loại chuỗi cho biểu đồ. Ở đây, giá trị mặc định là "line".
var chart = {
type: 'scatter',
zoomType: 'xy'
};
Thí dụ
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 ]
}]
};
}
Kết quả
Xác minh kết quả.