In this chapter, you will learn how to configure the scales that control how your chart is displayed in a Cartesian or radial grid. Scales are used in all charts except pie and doughnut. Cartesian charts, such as line, bar, scatter, and bubble, use a pair of perpendicular axes, each one with a scale automatically calculated by Chart.js to position data points. Data in charts, such as polar area and radar, use a single scale, placing the data points at different positions that originate from the center. You can configure scales, altering the way the data points are presented, for example, by using a logarithmic scale instead of a default linear scale for numerical values. You may also choose a sequential time scale instead of a category scale. There are also many ways to configure styles and change the way axes, grid lines, ticks, and labels are shown in your chart.

In this chapter, we will cover the following topics:

Configuring scales
Cartesian axes, ticks, and grid lines
Radial axes, ticks, and grid lines
Advanced scales configuration