import { AgChartOptions } from '@ag-grid-community/core' ; import * as agCharts from 'ag-charts-community' ; const options = { container : document . getElementById ( 'myChart' ) , autoSize : true , data : getData ( ) , title : { text : 'Most Populous Cities (2019)' , fontSize : 18 , } , subtitle : { text : 'Source: Simple Maps' , } , series : [ { type : 'scatter' , title : 'Most populous cities' , xKey : 'lon' , xName : 'Longitude' , yKey : 'lat' , yName : 'Latitude' , sizeKey : 'population' , sizeName : 'Population' , labelKey : 'city' , labelName : 'City' , marker : { size : 5 , maxSize : 100 , } , fillOpacity : 0.5 , } , ] , axes : [ { position : 'bottom' , type : 'number' , title : { text : 'Longitude' , } , min : - 180 , max : 180 , nice : false , } , { position : 'left' , type : 'number' , title : { text : 'Latitude' , } , min : - 90 , max : 90 , nice : false , } , ] , legend : { enabled : false , } , } ; var chart = agCharts . AgChart . create ( options ) ;