Line Chart

In this article, we will explain how to create and customize a line chart. So let's get started!

A line chart is a graphical representation of a series of data points connected in a linear manner. Line charts are often used to display trends over time, and they can show multiple data series on the same chart.

Here is an example of a line chart. This line chart is used to show the sales trend over time (e.g., months or years). The x-axis represents time, and the y-axis represents the total sales for each time period. Each data point on the chart represents the total sales for a specific time period, and the line connecting the points shows the overall trend in sales.

Sample data:

Time PeriodSales ($)Profit ($)

Jan 2020

100,000

10,000

Feb 2020

110,000

8,000

Mar 2020

120,000

12,000

Apr 2020

130,000

14,000

May 2020

140,000

8,000

Jun 2020

150,000

6,000

How-to build a line chart?

  1. Navigate to Add New Chart screen

  2. Configure and customize the chart to create the desired visualization.

Line chart configuration:

The configuration shown illustrates how to map the time period on the x axis and the profit and sales on the y axis to generate the line chart.

Line chart customization options

Infinity offers many customization options for your chart. To access these options, click on the customize tab in the chart builder screen. This will display a list of customization options.

Here is a list of notable customization options for the line chart.

FeatureDescription

Aggregation

To create an aggregation, click on the data series chip in the data mapping section and choose the desired aggregation.

There are various aggregation options available based on the data type.

Renaming the Data Series

To rename a data series, click on the data series chip in the data mapping section. A pop-up will appear, allowing you to change the name and any aggregation options.

Dual Axes or Right hand Axes

To enable dual axes, follow these steps:

  • Click on the customization tab.

  • Click on series.

Titles

To change the titles, follow these steps:

  • Click on the customization tab.

  • Click on the horizontal (or) vertical axes.

  • Proceed to change the titles.

Chart Background

To change the chart background, follow these steps:

  • Click on the customization tab.

  • Click on the chart background.

  • Proceed to selecting the desired color.

Padding and Zoom

To change the padding and zoom, follow these steps:

  • Click on the customization tab.

  • Click on the padding and zoom accordion.

  • Proceed to customize the padding and zoom attributes for your chart.

Legend

To customize the legend, follow these steps:

  • Click on the customization tab.

  • Click on the legend accordion.

  • The platform offers four legend options: top, bottom, right, or none.

  • You can also configure the legend font here.

Axes

To customize the axes, follow these steps:

  • Click on the customize tab.

  • Select the desired axes (horizontal for X, vertical for Y, and right vertical for secondary Y).

  • Proceed to changing the title, fonts, labels, order of axes, scale, or even add formatting such as $ or %.

Gridlines

To change the grid lines, follow these steps:

  • Click on the customize tab.

  • Select the gridlines accordion.

  • Select the orientation (i.e. vertical or horizontal).

Hints to optimize your line chart

  • Use a consistent scale for the y-axis to accurately compare data points

  • Consider using a legend to label multiple data series on the same chart

  • Use a clear and concise title to describe the data being displayed

  • Avoid cluttering the chart with too much data or unnecessary elements

  • Use a meaningful and appropriate time scale for the x-axis (e.g., days, weeks, months, years)

Last updated