Tag: columns
- Adaptive column corner rounding for positive and negative values
This tutorial will show how we can use adapters to selectively apply rounding to columns of the ColumnSeries based on their value.
- Auto-adjusting chart height based on a number of data items
This tutorial will explain how you can easily make your chart grow or contract based on an actual number of data.
- Column labels as categories
This tutorial will explain how individual column labels (bullets) can be used as Category axis labels.
- Different column fill colors for positive and negative values
This tutorial will explain how you can use adapters to fill columns to different colors, based on their value.
- Highlighting column on axis label clickDemo
This demo shows how we can add hit events to CategoryAxis labels, so that we can highlight respective column by applying active state to it.
- Individual legend item for each column
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.
- Individual thresholds for columns
This tutorial will show how you can use additional series to apply individual thresholds to columns in a ColumnSeries.
- Managing width and spacing of Column Series
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.
- Overlaid column series
This tutorial will show how you can leverage a number of settings on Series and Axes to create offset/overlaid columns effect.
- Risk Heatmap with custom shaped columnsDemo
This demo shows how we can apply custom shape (using SVG path) to XYChart columns.
- Show column tooltip on category hoverDemo
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 categoriesDemo
This demo will show how you can simulate an order of columns from different ColumnSeries within each category.
- Totals on column stacks
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.
- Using adapters to apply corner radii based on valueDemo
Below are two demos that use adapters to modify radii of the ColumnSeries columns based on their value.