This demo demonstrates how to dynamically change granularity of data of the Serial chart. It enables to switch between monthly data (source data) and yearly (aggregated).
When user selects a granularity via dropdown, a custom code kicks in which:
- Takes either source data (monthly) or uses custom function to aggregate yearly data; (taking the last data point in each month)
- Updates chart's
dataProvider
; - Sets proper granularity in category axis
minPeriod
; - Sets proper format for cursor's category axis balloon via
categoryBalloonDateFormat
; - Calls chart's method
validateData()
so the chart takes in new data.
The chart also has zoomOutOnDataUpdate
set to true
so that zoom selection is preserved across data set switches.