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.
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
Toggle multiple pie slices via legend
Type
demo This demo shows how we can use events on a Legend to “inverse” toggle behavior of Pie chart’s legend by showing only clicked sliced, while hiding the rest of the slices. Code Example
Dynamically adding charts to the same Root
Type
demo This demo shows how we can dynamically add live charts to a Container in a single Root element.
WordCloud with hover effects on words
Type
demo This demo shows how we can add background color to the WordCloud labels, as well as change their appearance on hover. Code Note the setStateOnChildren: true and interactive: true in label configuration. The former ensures that “hover” state is triggered on all label children, including background, when it is hovered. The latter makes label “interactive”. […]