1. Home
  2. Docs
  3. Beaver Charts
  4. Charts Types And Setting
  5. Line Chart

Line Chart

Here is an example of the line chart. The line chart represents variable data for multiple sets of data (dimensions) over a period of time for example.

The configuration options for the line chart are grouped in 3 groups

General settings

Size – width and height of the chart in pixels;
Line width – the width of the lines in pixels;
Point size – size in pixels of the points representing the values;
Padding – padding around the chart in pixels; Text settings
Font – font family, size and color; the font family can be set to a web font that is available in the theme, but the preview might not reflect it, it will, however, show in the resulting page/post
X-axis labels – turns on and off the labels on the X axis;
Grid Font – font family, size and color for the grid; the font family can be set to a web font that is available in the theme, but the preview might not reflect it, it will, however, show in the resulting page/post
Grid scale – the numerical step (scale) used for the grid
Grid line width – the width of the grid lines in pixels

Data

Line chart data is grouped into lines and points; each line has the same number of points.
Lines and points data – you can set the names of the lines; each line has multiple points; you can set the name and colors for the lines; you can set the name and value for the points; you can also reorder lines and delete lines and points;

Was this article helpful to you? Yes No

How can we help?