Angular Highcharts - 散点图

Angular Highcharts Scatter Charts-从基本概念到高级概念，从简单和简单的步骤学习Angular Highcharts，其中包括概述，环境设置，配置语法，折线图，区域图表，条形图，柱形图，饼图，散点图，动态图表，组合，3D图表，地图。

以下是基本散点图的示例.

我们已经看到用于在 Highcharts配置语法章节.

下面给出了一个基本散点图的示例.

配置

现在让我们看看其他配置/步骤.

series

将图表类型配置为基于散点图. 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 ]      }]   };}

结果

验证结果.

Scatter Chart