Left-aligning vertical axis labels

Type tutorial

Normally, the labels of the vertical left-side axis are right aligned. This demo will show how we can easily make them left-aligned instead. Code To make labels left-aligned, it’s enough to just override their horizontal center to their left: 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 […]

Using axis ranges to place labels at arbitrary values or dates

Type tutorial

Axes of various types follow their own logic when they choose where to place its grid and labels. However, sometimes you need to place those labels at precisely value X, or on date Y. That’s where axis ranges might come in handy, which is the focus of this tutorial. Prerequisites Just to refresh your memory […]

Location of items on date axis and date-based series

Type tutorial

This combined tutorial examines at possible positioning of axis elements like grid, labels, and ticks as well as series data items in an XY chart scenario with a date axis and date-based data. Intro Location of axis elements (grid, labels, ticks) is determined by location and multiLocation settings. For a simplified explanation about those, visit […]

Aligning axis range labels

Type tutorial

Labels of an axis range are shown on the axis itself by default. This demo shows how we can put them on the opposite side of the plot area, or within it. Labels on opposite side To achieve the required result, we’ll need these steps: The code: The demo: Labels inside plot area We can […]

Additional axis tooltip to display totals

Type tutorial

This demo shows how we can add an additional date axis on top of the chart to show a tooltip with sum of values of all series. The tooltip uses an adapter to dynamically calculate its content.