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 […]
Start/end labels on a scrollbar
Type
tutorial This demo shows how we can insert Label elements into a scrollbar to add start and end labels. Here’s another version:
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
Histogram chart
Type
tutorial This demo shows how we can pre-process the raw point data to display a histogram of point distribution. Code We are going to use custom code to turn the following raw point data into a categorized data that can be used in an XY chart. The following code will: Here’s how data looks like after […]
Simulating axis gaps (break)
Type
tutorial This demo shows how we can leverage stacked axes to simulate an axis break.
Auto-zooming a chart with a value axis on both X and Y
Type
tutorial If the chart has a ValueAxis as both of its axes, it would not auto-zoom vertically when panned/zoomed. It’s by design. This demo shows how to implement this functionality.