PlotSet LogoPlotSet

How to Create a Line Chart

A step by step walkthrough for turning a spreadsheet of dates and numbers into a published line chart in PlotSet, from shaping the sheet to exporting or embedding the finished trend.

Etwa 8 Minuten

This is how to create a line chart in PlotSet that actually reads as a trend and not just a wiggly shape: your own dates in the first column, one or more series after it, styled and published the same way any real chart goes out. By the end you will have taken one time series from a raw spreadsheet to a published, embeddable chart with hover tooltips, not a copy of someone else's example with your numbers swapped in.

If your sheet already has one date column and one or two number columns in order, this takes about eight minutes. Add another five if you are converting a wide report, one column per month, into the long, one-row-per-period shape a line chart wants, or if you need to decide how a genuine gap in the series should be handled before you upload.

Die Daten, die Sie brauchen

One row per time period, already in chronological order: the date or period label first, then one numeric column for each line you want on the chart.

Beispiel-CSV
QuarterNorth AmericaEuropeAPAC
2023-Q118200014600098000
2023-Q2191000151000104000
2023-Q3205000158000112000
2023-Q4224000167000121000
2024-Q1218000171000129000
2024-Q2233000179000138000
Hinweise

Keep the time column consistent: real dates, or a fixed label pattern like "2024-Q1" throughout. A column that mixes "Q1 2024" with "01/2024" sorts as text, not as time, and the axis will follow whatever order the rows happen to be in.

One numeric column per line. Three columns of regional revenue, like the sample above, become three lines with no extra configuration once they are mapped.

Rows must already be sorted oldest to newest before you upload. PlotSet draws the time axis in row order, it does not resort a date column for you.

Leave a cell blank for a period a series genuinely has no reading for. A blank draws as a gap in that one line rather than dropping to zero, which is usually what you want; fill it in if it is simply a missing entry, not an absence.

Die Schritte

Der genaue Klickpfad in PlotSet, von einer leeren Vorlage bis zum fertigen Diagramm.

  1. 01

    Open the Line Chart template

    From the PlotSet dashboard, start a new project and choose the Line Chart template. It loads with sample data already bound to it, so you can see the exact column layout, one date column followed by one or more series columns, before you touch your own file.

    Die Vorlagenauswahl von PlotSet: links die Liste der Diagrammkategorien, daneben das geöffnete Raster "Bar Charts" und die Vorlagenkarte "Bar Chart" mit ihrer Schaltfläche "Select".
    Jede Anleitung beginnt hier. Wählen Sie erst die Kategorie, dann die Vorlage. Das Raster ist für jeden Diagrammtyp dasselbe.
  2. 02

    Shape your sheet into a time column plus series columns

    Put your date or period in the first column, in order, and one number column per line after it. If your source is a wide report with a column per month, transpose it first: the upload needs one row per period, not one column per period.

  3. 03

    Upload your file or connect a sheet

    Use the data panel to import a CSV or .xlsx file, paste rows straight from a spreadsheet, or connect a Google Sheet if you want the chart to pick up new periods later without a re-upload. PlotSet reads the first row as your column headers.

    Die Datenansicht im PlotSet-Editor: ein Tabellenraster mit den Spalten "Name", "Value" und "Region", gefüllt mit Zahlen zu kanadischen Provinzen, daneben der Bereich "Data" mit "Upload CSV File", "Magic Import" und der Synchronisierung über "Google Sheet".
    Die Datenansicht, hier in einem Balkendiagramm-Projekt. Laden Sie über "Upload CSV File" eine CSV-Datei hoch, holen Sie die Zahlen mit "Magic Import" aus einem Bild oder verbinden Sie ein Google Sheet. Der Bereich sieht bei jedem Diagrammtyp gleich aus.
  4. 04

    Map the time column and confirm your series

    Tell PlotSet which column is the time axis and check that every numeric column you meant to plot is picked up as a series. This is usually automatic with clean headers, but worth a manual check if your sheet carries an extra column, like a running total, you don't want plotted.

    Der Datenbereich von PlotSet mit hervorgehobenen Spaltenzuordnungen: "Label/time" auf Spalte A, "Values" auf Spalte B und "Filter/color" auf Spalte C, darunter die Schaltfläche "Auto Binding".
    Die Zuordnungen legen fest, welche Spalte zur Beschriftung wird, welche die Werte liefert und welche die Farbe steuert. "Auto Binding" errät sie anhand Ihrer Spaltenüberschriften. Prüfen Sie das Ergebnis, statt sich darauf zu verlassen.
  5. 05

    Label the lines directly, skip the legend

    Turn on end-of-line labels so each series name sits at the end of its own line instead of in a separate legend box. On anything with more than one line, this removes the colour-matching step entirely and is the single biggest readability change you can make.

    Der PlotSet-Editor im Tab "Preview": ein fertiges Diagramm vom Typ "Line Chart" auf der Arbeitsfläche und der rot umrandete Einstellungsbereich am rechten Rand.
    Der Tab "Preview" für ein Diagramm vom Typ "Line Chart". Alle Gestaltungsoptionen stecken im umrandeten Bereich: Aussehen, Kopfzeile, Fußzeile und die Optionen, die es speziell für diesen Diagrammtyp gibt, jeweils in einem eigenen Tab.
  6. 06

    Set the value axis range on purpose

    Decide whether the axis should start at zero or zoom into the range where the real movement happens. A line chart does not need a zero baseline the way a bar chart does, so pick a range that reflects the actual variation and say so if you are deliberately zooming in.

  7. 07

    Turn markers and gridlines on only if the data is sparse

    With monthly or quarterly data, individual point markers and background gridlines usually just add clutter to a shape that is already clear. Turn markers on only if readings are infrequent enough that each one is worth calling out on its own.

  8. 08

    Publish, embed or export

    Publish for a live, interactive chart with hover tooltips and a shareable link, grab the embed code for a page, or export a PNG, SVG or PDF if you need a static image for a deck or report.

Starten Sie mit der Line Chart-Vorlage samt bereits geladenen Beispieldaten und ersetzen Sie diese durch Ihre eigenen.

Vorlage öffnen

Veröffentlichen, einbetten oder exportieren

Der letzte Abschnitt ist bei jedem Diagrammtyp gleich: "Share" macht aus dem Diagramm einen öffentlichen Live-Link und einen Einbettungscode, "Export" schreibt es als statische Datei heraus.

"Share": öffentlicher Link und Einbettungscode

Aktivieren Sie den Einbettungscode und den öffentlichen Link, um das Diagramm zu veröffentlichen. Den Link können Sie bedenkenlos an alle weitergeben, und der Einbettungscode fügt sich als iframe in jede Seite ein. Die Tooltips beim Überfahren mit der Maus und die volle Interaktivität bleiben erhalten. Wenn Sie das Diagramm später bearbeiten, überträgt "Recreate" die Änderungen auf Link und Einbettung.

Die Werkzeugleiste des PlotSet-Editors mit der hervorgehobenen Schaltfläche "Share" direkt neben der Schaltfläche "Export".
Über "Share" werden aus dem fertigen Diagramm ein öffentlicher Link und ein Einbettungscode.
Der Dialog "Share" von PlotSet: der Schalter, der den Einbettungscode und den öffentlichen Link aktiviert, die Schaltflächen "Link", "Embed", "Facebook", "Reddit", "Twitter", "LinkedIn" und "Email" sowie der öffentliche Diagrammlink mit der Schaltfläche "Copy".
Aktivieren Sie den Einbettungscode und den öffentlichen Link, kopieren Sie dann den Link oder den iframe-Code. Mit "Recreate" erreichen spätere Änderungen alle, die den Link bereits haben.

"Export": SVG, PNG oder JPG

"Export" schreibt eine statische Kopie in der Größe heraus, die Sie brauchen. SVG bleibt in jeder Skalierung scharf und lässt sich weiterhin in einem Design-Tool bearbeiten; PNG und JPG sind die sichere Wahl für Folien und Dokumente. Der Skalierungsfaktor sorgt dafür, dass das Bild auf einem Retina-Display gestochen scharf wirkt.

Die Werkzeugleiste des PlotSet-Editors mit der hervorgehobenen Schaltfläche "Export".
Über "Export" bekommen Sie eine statische Datei für eine Folie oder einen Bericht.
Der Dialog "Export chart" von PlotSet: die Skalierungsauswahl auf 2x, die Felder für Breite und Höhe mit 1000 mal 600 und das geöffnete Formatmenü mit "SVG", "PNG" und "JPG".
SVG bleibt in jeder Größe scharf und im Design-Tool bearbeitbar; PNG und JPG sind die sichere Wahl für eine Präsentation. Stellen Sie die Skalierung vor dem Export ein, damit das Bild auf einem Retina-Display gestochen scharf ist.

Styling-Tipps für Line Chart

Direct labels beat a legend almost every time

Once you have more than one line, a legend forces the reader to match colours between a box and the chart. A label at the end of each line answers the question before it gets asked, and it scales fine down to about five series.

Cap it at five lines, then split or highlight

Past roughly five series a line chart turns into a tangle nobody can trace. If you genuinely have more, either build small multiples, one line per small chart on shared axes, or colour the one line that matters and grey out the rest.

Do not mix units on one axis

Revenue in dollars and a percentage plotted on the same vertical scale will squash one of them flat. If you need to compare series in different units, index them to a common starting point (100 at the first period, for instance) or put them on separate charts.

Break the line over real gaps, do not smooth across them

If a series is missing a reading for one period, leave that cell blank so PlotSet breaks the line rather than drawing a straight guess across the gap. Curve smoothing is worth avoiding for the same reason: it can invent a peak or a dip between two points that were never actually measured.

Häufige Fehler bei Line Chart

The line zigzags instead of trending smoothly

This almost always means the source rows are not sorted chronologically before upload, so PlotSet is drawing the axis in whatever order the sheet happened to have. Sort the time column oldest to newest in your spreadsheet and re-upload.

One line sits flat along the bottom while another dominates the chart

Check whether the two series are actually in the same unit. A series in the thousands plotted against one in single digits, or dollars against a percentage, will always compress the smaller one to a flat line near zero. Normalise both to a common scale or split them into separate charts.

A period with no real reading shows as a straight diagonal jump

That happens when the missing cell was filled with a zero or an average instead of left blank. Clear the cell in the source sheet so it is genuinely empty, then re-upload: PlotSet will break the line there instead of drawing a fake slope across it.

Mehr über Line Chart erfahren

Nicht sicher, ob Line Chart die richtige Wahl ist? Erfahren Sie, was es ist, wann Sie es verwenden sollten und wann nicht.

Über Line Chart

Line Chart: häufige Fragen

One row per time period, sorted oldest to newest, with the date or period label in the first column and one numeric column for each line you want. CSV, .xlsx and a pasted spreadsheet range all work, as long as the time column stays in one consistent format.

Jetzt Line Chart erstellen

Kostenlos starten mit über 300 Vorlagen. Keine Kreditkarte erforderlich.