import { AgCartesianAxisOptions , AgCartesianChartOptions , AgCartesianSeriesOptions } from '@ag-grid-community/core' ; import * as agCharts from 'ag-charts-community' ; const options = { container : document . getElementById ( 'myChart' ) , title : { text : 'Monthly average daily temperatures in the UK' , } , series : [ { type : 'line' , xKey : 'date' , yKey : 'temp' , } , ] , axes : [ { type : 'time' , nice : false , position : 'bottom' , tick : { count : agCharts . time . month , } , label : { format : '%b %Y' , } , } , { type : 'number' , position : 'left' , label : { formatter : function ( params ) { return params . value + ' °C' ; } , } , } , ] , padding : { top : 20 , right : 40 , bottom : 20 , left : 20 , } , legend : { enabled : false , } , data : [ { date : new Date ( '01 Jan 2019 00:00:00 GMT' ) , temp : 4.2 , } , { date : new Date ( '01 Feb 2019 00:00:00 GMT' ) , temp : 6.9 , } , { date : new Date ( '01 Mar 2019 00:00:00 GMT' ) , temp : 7.9 , } , { date : new Date ( '01 Apr 2019 00:00:00 GMT' ) , temp : 9.1 , } , { date : new Date ( '01 May 2019 00:00:00 GMT' ) , temp : 11.2 , } , ] , } ; var chart = agCharts . AgChart . create ( options ) ; function useOneMonthInterval ( ) { options . axes ! [ 0 ] . tick ! . count = agCharts . time . month ; agCharts . AgChart . update ( chart , options ) ; } function useTwoMonthInterval ( ) { options . axes ! [ 0 ] . tick ! . count = agCharts . time . month . every ( 2 ) ; agCharts . AgChart . update ( chart , options ) ; }