THE CHART, THE DATA, THE EXPLANATION

Multiple line graph example with three series

A multiple line graph compares two or more series on the same ordered axis. This example follows online, in-store and wholesale orders over five weeks, using one shared unit and a separate line for each channel.

Three routes to the same destination. Online and In store and Wholesale across 5 points, in the supplied order. Labels are equally spaced. Exact values are in the editable data table.
Original fictional data · Made with Apache ECharts · 1600 × 900 export

How to read this chart

Online orders rise from 40 to 100, while in-store orders move from 65 to 68 and wholesale orders rise from 25 to 45. Online first exceeds in-store at Week 3, where the plotted totals are 70 and 60.

The online increase is 60 orders. Wholesale grows by 20 orders, even though its proportional increase is also substantial. Comparing the slopes answers an absolute-change question; comparing percentage growth requires a separate calculation with each channel’s own starting value.

Build it with your own data

Arrange a table with Week as its first column and one column for each channel. Every row must describe the same reporting window across all three channels. Keep the series names short enough to read in the legend.

All lines share the completed-orders axis. This avoids mixing counts with revenue or conversion percentages. Use the legend and markers to identify series, then read their values at the same week. The wide export gives the three lines and legend more space.

Open this example in the line graph maker → Replace the data, inspect the preview and download your version. SVG, PNG and PDF exports are available in the editor.

What this example cannot tell you

The straight segment between Week 2 and Week 3 does not reveal the exact day when online orders overtook in-store orders. These are weekly totals, not continuously observed cumulative counts. The channel names and numbers are fictional.

Can I compare revenue and orders on these lines?

Use a common measure for the lines on this chart. Revenue and order counts have different units. Create separate charts, or explicitly calculate a common indexed measure in your source table and label it accurately; this example has no secondary axis.

Created and reviewed by SupaMakers for ChartsAI · September 8, 2026. Source code and reuse terms.

LINE GRAPH · WORKED EXAMPLE

Monthly sales line chart example

A monthly sales line chart connects sales totals in calendar order. This editable example shows six fictional monthly totals in US dollars, including a March dip and a stronger second quarter.

Editable chart + original data
LINE GRAPH · WORKED EXAMPLE

Line graph with negative values: temperature example

A line graph can show positive, zero and negative observations on the same numeric axis. This fictional week of temperature readings crosses 0°C several times, making the sign of each value meaningful.

Editable chart + original data
LINE GRAPH · WORKED EXAMPLE

Line graph with uneven time intervals

Use a time axis when observations occur on irregular dates. This plant-height example spaces four visits by their actual dates, preserving gaps of one, six and seven days instead of making every visit look equally far apart.

Editable chart + original data