Skip to main content
Guide to the line chart visualization

Use a line chart to track changes over time, using equal intervals of time between each data point.

Updated over 2 years ago

Line charts display information as a series of data points connected by straight line segments on an X-Y axis. They are best used to track changes over time, using equal intervals of time between each data point. For example, monthly earnings.

Whether you’re tracking the fluctuation of stock prices or the number of new subscriptions to your app this month, line charts give you an accurate and quickly understandable assessment of the trend, acceleration, deceleration, and volatility of the data in question.

line chart widget

When to use a line chart

Line graphs are useful in that they show data variables and trends very clearly and can help to make predictions about the results of data not yet recorded. If seeing the trend of your data is the goal, then this is the chart to use.

Line charts show time-series relationships using continuous data. They allow a quick assessment of acceleration (lines curving upward), deceleration (lines curving downward), and volatility (up/down frequency). They are excellent for tracking multiple data sets on the same chart to see any correlation in trends.

They can also be used to display several dependent variables against one independent variable. Some experts recommend no more than 4 lines on a single graph. We agree with that recommendation. Any more than that and the line chart becomes difficult to interpret.

Example uses of line charts

Line charts are great visualizations to see how a metric changes over time. For example, the exchange rate for GBP to USD.

Another use for line charts is comparing two or more series of data over time. For example, the difference in median household income between California and the rest of the United States.

Anatomy of the line chart

Anatomy of the line_chart

The line chart consists of an x-axis and a y-axis. The x-axis values are defined as number or date/time values. Y-axis values must be numbers and can be set to be interpreted (formatted) as decimal, percent, and currency.

This widget supports more than one series of data with each series corresponding to a unique line in the chart.

How axis labels display on line charts

We've designed the labels on line charts to automatically respond to the size of the widget on your dashboard to make them clear to read and understand. This means that the number of data point labels displayed on your x-xis and y-axis increase for wider and taller widgets, and decrease for narrower and shorter widgets. Hovering over data points between labels will still reveal the values hidden from view.

Due to the way we calculate the frequency of labels in relation to the widget size, it's not possible to set your own intervals for labels.

Example

For longer date spans, a wider widget will try to fit in as many date labels as possible.

In this animated example, we start with a date label for every second day. As the widget is reduced in size it switches to weekly date labels until, at its thinnest width, it switches to a single month label.

how the x-axis labels respond to different widget sizes

So, given the available width of the widget (even when it's full width of the dashboard), it displays the labels weekly to give a best and neat fit.

Tips for creating line charts

With their innate simplicity, line charts are some of the easiest visualizations to get right. Add a little polish, and your data can really shine. We recommend:

Label your series appropriately

This is particularly relevant if you have more than one series. If you have just one series, choosing a relevant title for your widget (i.e. MRR added this month) can be enough.

Use a maximum of 4 series

Less is more when it comes to making your visualization easy to get at first glance. Multiple series are great for comparing the behavior of one metric to another but too many comparisons could be an overkill. If you ever need more than 4 series, consider creating more than one widget. Other than that, you should decide on a clear title for your line chart. The title should be a brief description of the data that you want to show.

Adjust precision

Use the Decimal Places feature to manually set the precision of numbers in your widgets, so that you can show the level of detail appropriate for your dashboard. If needed, you can also override our automatic settings for what abbreviation and unit to show. Abbreviation, Decimal Places and Unit are part of the "Fine-tune" settings.

Abbreviation: Numbers can be shown in their raw state, or as Thousands (K), Millions (M), or Billions (B).

Unit: Allows you to manually enter any prefix or suffix up to 3 characters long. This means if you’d prefer to display your currency differently to our default option you now can. As examples you might want Swedish Krona to show as 100 Kr instead of SEK 100, or New Zealand Dollars to just have the $.

Did this answer your question?