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ả.