Adaptive column corner rounding for positive and negative values

Type tutorial

This tutorial will show how we can use adapters to selectively apply rounding to columns of the ColumnSeries based on their value. The problem Suppose we have this chart: We want to round the corners of the tips of those columns. The properties for columns that are responsible for rounding of top corners are cornerRadiusTopLeft […]

Show column tooltip on category hover

Type demo

This demo shows how we have use “over” and “out” events on axis labels as well as chart cursor’s triggerMove() method to trigger tooltips on columns of the hovered category label.

Simulating individual order of columns within categories

Type demo

This demo will show how you can simulate an order of columns from different ColumnSeries within each category. It uses the following things to achieve it: Each ColumnSeries has clustered = false set so that it always takes up the whole width of the “hidden” categories. Data is manipulated so that each category contains only […]

Individual thresholds for columns

Type tutorial

This tutorial will show how you can use additional series to apply individual thresholds to columns in a ColumnSeries. The task Say we have a column chart and would like to apply individual threshold values for each column. Our data might look something like this: [{ “category”: “Research”, “value”: 450, “threshold”: 220}, { “category”: “Marketing”, […]

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 […]

Totals on column stacks

Type tutorial

Building column stacks is easy: just set stackable = true on each column series. This tutorial will show how we can display automatic total value of the whole stack on top of it. Base chart Here’s a base chart we’re going to start with. It’s already got several ColumnSeries stacked. It also has “label bullets” […]

Overlaid column series

Type tutorial

This tutorial will show how you can leverage a number of settings on Series and Axes to create offset/overlaid columns effect. The task In the course of this tutorial we’re going to turn this: Into this: Here’s a live version of the source chart: Patient’s ready. Let’s get started. Un-clustering columns By default, all Column […]