import { AgCartesianChartOptions } from '@ag-grid-community/core' ; import * as agCharts from 'ag-charts-community' ; const options = { container : document . getElementById ( 'myChart' ) , data : getData ( ) , title : { text : 'World Population Over Time' , } , subtitle : { text : 'log scale' , } , series : [ { type : 'line' , xKey : 'year' , yKey : 'population' , } , ] , axes : [ { type : 'log' , position : 'left' , title : { enabled : true , text : 'Population' , } , label : { format : ',.0f' , fontSize : 10 , } , } , { type : 'number' , position : 'bottom' , title : { enabled : true , text : 'Year' , } , label : { fontSize : 10 , } , } , ] , legend : { enabled : false , } , } ; var chart = agCharts . AgChart . create ( options ) ; function useNumberAxis ( ) { options . subtitle = { text : 'linear scale' , } ; options . axes ! [ 0 ] = { type : 'number' , position : 'left' , title : { enabled : true , text : 'Population' , } , label : { format : ',.0f' , fontSize : 10 , } , } ; agCharts . AgChart . update ( chart , options ) ; } function useLogAxis ( ) { options . subtitle = { text : 'log scale' , } ; options . axes ! [ 0 ] = { type : 'log' , position : 'left' , title : { enabled : true , text : 'Population' , } , label : { format : ',.0f' , fontSize : 10 , } , } ; agCharts . AgChart . update ( chart , options ) ; }