Highlighting regions of a scatter chart
Type
demo This demo shows how we can add an extra series to highlight multiple regions of a scatter chart (XYChart).
Gantt chart with columns that span multiple categories
Type
demo This demo shows how we can use multiple series to simulate multi-category bars on a Gantt chart.
Custom zoom in/out buttons
Type
demo This demo shows how we can use chart’s API to zoom it using external controls.
Togglable event markers using axis ranges
Type
demo This demo shows how you can use chart’s API to toggle axis ranges on and off .
Draggable series axis ranges
Type
demo This demo shows how we can create a “series axis range” and make it draggable, dynamically adjusting threshold lines and respective series fills.
Axis ranges in XYChartScrollbar
Type
demo Do you know that XYChartScrollbar is not some mystical new class, but rather a full fledged XYChart. This means that we can do with it anything we can do with a regular chart, including adding axis ranges. This demo does exactly that.
Show last value at the end of LineSeries
Type
demo This demo shows how we can make LineSeries show its last value using two approaches: as a label next to bullet, and as an axis range with a label. Using bullet label Using axis range
Animated bullets
Type
demo In this demo you’ll see how we can use chart’s built-in animation capabilities to add animation effects to bullets. Example #1 Example #2
Zoom to month by clicking on a DateAxis label
Type
demo This demo shows how we can implement hit event on DateAxis labels to automatically zoom to the clicked period.
Custom-ordered legend items
Type
demo This demo shows how we can use events to dynamically re-arrange Legend items per our completely custom criteria.