Automatically grouping date axis months into years using axis ranges
Type
demo This demo shows how we can automatically group month labels of a DateAxis into years using axis ranges.
Show country sub-divisions on map closeup
Type
demo This demo shows how we can automatically load and show country sub-divisions (e.g. states) when the map is significantly zoomed in.
Custom period selector on XYChart
Type
demo This demo shows how we can add external buttons to create a custom pre-defined period selector on a regular XYChart.
Infinite dynamic data loading on Stock Chart
Type
demo This demo shows how we can catch X-axis over-zoom events and dynamically load missing data on a Stock Chart.
Showing X-axis tooltip on top of the chart
Type
demo This demo shows how we can add an additional date axis to show axis tooltip on top of the chart instead of axis itself.
Centering on a clicked node in a Force-Directed Tree
Type
demo This demo shows how we can use events to affix a clicked node of a Force-Directed Tree to the middle of the chart.
Drill-down column chart
Type
demo This demo shows how we can show aggregated daily data as a column series, then drill-down into hourly data for the day on a click. Example
Toggle slices of multiple nested Pie Series with a single legend
Type
demo This demo shows how we can use events on legend items to toggle slices of multiple nested Series on a Pie Chart. Code The code below catches click events on legend’s containers, extracts category of a licked slice, iterates through data items of a different series, to toggle on or off a data item with […]
Rotate and zoom the globe to a clicked country
Type
demo This demo shows how we can rotate the MapChart with an Orthographic projection (globe) so that it is centered on a clicked country, then zoom in to it. Code Example
Applying custom hover/active states on legend markers
Type
demo This demo shows how we can define custom states on legend markers to override default hover and active colors. Code Example