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

Individual legend item for each column

Type tutorial

Normally on an XY Chart, Legend creates a single item for each Series. This brief tutorial will show how you can create custom legend which will show an item for each individual column in a single Column series. Base chart Let’s take this chart as a base. It uses an adapter to color each column […]

Different column fill colors for positive and negative values

Type tutorial

This tutorial will explain how you can use adapters to fill columns to different colors, based on their value. The task Let’s say we have a column chart that has both positive and negative values. Right now, all of the columns are filled with a single color. What we want to do, is to color […]

Auto-adjusting chart height based on a number of data items

Type tutorial

This tutorial will explain how you can easily make your chart grow or contract based on an actual number of data. The problem Let’s take a simple bar chart: It looks OK. However, it height is fixed, so if we had more bars, it might start looking a bit awkward: Or, if there are too […]

Managing width and spacing of Column Series

Type tutorial

By default ColumnSeries will size its columns so they are both as wide as possible, while maintaining some spacing between individual columns in clusters and between categories/cells. This tutorial will explain how we can manipulate width and spacing of the columns. Understanding cell width Before we begin, let’s figure out what we mean when we […]