Following is an example of a Scatter Chart.

We have already seen the configurations used to draw a chart in Google Charts Configuration Syntax chapter. Now, let us see an example of a Scatter Chart.

Configurations

We”ve used ScatterChart class to show a Scatter chart.

type = ''ScatterChart'';

Example

app.component.ts

import { Component } from ''@angular/core'';
@Component({
   selector: ''app-root'',
   templateUrl: ''./app.component.html'',
   styleUrls: [''./app.component.css'']
})
export class AppComponent {
   title = ''Age vs Weight'';
   type=''ScatterChart'';
   data = [
      [8,12],
      [4, 5.5],
      [11,14],
      [4,5],
      [3,3.5],
      [6.5,7]
   ];
   columnNames = [''Age'', ''Weight''];
   options = {   
   };
   width = 550;
   height = 400;
}

Result

Verify the result.