Risk Heatmap with custom shaped columns
demo
This demo shows how we can apply custom shape (using SVG path) to XYChart columns.
demo
This demo shows how we can apply custom shape (using SVG path) to XYChart columns.
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 […]
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.
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 […]
demo
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.
demo
Below are two demos that use adapters to modify radii of the ColumnSeries columns based on their value. Vertical columns Horizontal bars
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”, […]
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 […]
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” […]
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 […]