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.
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.
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
Using axis ranges to highlight weekends
Type
tutorial Axis ranges is a good way to highlight specific places or stretches along an axis. This tutorial will show how we can create code to automatically create axis ranges to highlight weekends on a DateAxis. The task Say, we have a chart that shows line series along a date-based axis. To make our user understand […]
Using series color for legend labels
Type
demo This demo shows how we can make labels of a legend on an XY chart take the color of their corresponding series. Code Example
Column labels as categories
Type
tutorial This tutorial will explain how individual column labels (bullets) can be used as Category axis labels. The task During the course of this tutorial, we are going to give a fairly basic clustered column chart a makeup. Let’s do this step by step. Moving categories up First task is to move those year categories up […]
Aggregating multiple data items into a single tooltip of the data items with same X/Y
Type
tutorial This demo shows how we can use an adapter on a series tooltip to automatically aggregate information from multiple data items width same x/y coordinates on a bubble chart. Code First, we’ll make all bubbles visible, by setting their fillOpacity to something less than 1, so they’re semi-transparent and are visible, even when they are […]
Syncing axis zooms across multiple charts
Type
tutorial This demo shows how we can sync zoom of an X-axes across multiple charts. Code The function that performs syncing: Using events to monitor changes to start and end settings on each axis: Demo
Simulating axis gaps (break)
Type
tutorial This demo shows how we can leverage stacked axes to simulate an axis break.
Solving overlapping bullets
Type
tutorial This short tutorial shows a couple of ways to solve the situations where multiple series can have label bullets shown, and thus may overlap with each other. Repositioning with an adapter We can use an adapter, to dynamically check for overlap with other bullets, and change bullet’s centerY setting, so it is either moved down […]