Beispiel-CSV
| Metric | Value | Target |
|---|---|---|
| Customer Satisfaction | 82 | 90 |
| On-Time Delivery | 76 | 85 |
| Server Uptime | 99 | 99 |
| NPS Score | 45 | 60 |
How to Create a Gauge Chart
A step by step walkthrough for building a grid of speedometer style gauges with targets, colour bands and a needle in PlotSet.
Etwa 6 MinutenYou will end up with a grid of gauges, one per row of your data, each with its value in the middle and an optional target marker.
Expect about six minutes. Most of it goes on choosing the scale and the colour bands.
Die Daten, die Sie brauchen
One row per gauge, with a value and, if you want them, a metric name and a target.
Values must be plain numbers, with no percent signs.
The minimum and maximum are settings, not data, so every gauge shares one scale.
Up to 24 gauges are drawn. After that a note says how many are not shown.
The metric and target columns are optional.
Die Schritte
Der genaue Klickpfad in PlotSet, von einer leeren Vorlage bis zum fertigen Diagramm.
- 01
Open the Gauge template
From the PlotSet dashboard, start a new project and choose Gauge Chart from the Other category. It loads with a sample of eight KPIs.
Jede Anleitung beginnt hier. Wählen Sie erst die Kategorie, dann die Vorlage. Das Raster ist für jeden Diagrammtyp dasselbe. - 02
Add your values
Import a CSV or .xlsx file, paste rows from a spreadsheet, or connect a Google Sheet. Each row becomes one gauge.
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. - 03
Check the column bindings
Bind the value column, then the metric name as the label and the target if you have one.
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. - 04
Set the scale
In the Scale tab, set the minimum and maximum. A percentage metric usually runs from 0 to 100.
Der Tab "Preview" für ein Diagramm vom Typ "Gauge 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. - 05
Add colour bands
In the Bands tab, set two thresholds and a colour for each of the poor, fair and good ranges.
- 06
Switch on the needle
The Needle tab adds a pointer at the value, and sets its colour and width.
- 07
Shape the arc
The Arc tab sets the start and end angle and the thickness, and whether the ends are rounded.
- 08
Publish and embed
Publish for a live chart and copy the embed code from the Share dialog. Check how it looks at the width of your page before you share it.
Über "Share" werden aus dem fertigen Diagramm ein öffentlicher Link und ein Einbettungscode.
Starten Sie mit der Gauge Chart-Vorlage samt bereits geladenen Beispieldaten und ersetzen Sie diese durch Ihre eigenen.
Vorlage öffnenVerö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.
"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.
Styling-Tipps für Gauge Chart
Keep the grid small
Eight gauges or fewer stay readable. Beyond that, a bullet chart fits more.
Use bands sparingly
Three colours is enough. More makes the dial hard to read.
Shorten the labels
Short metric names stay whole under each gauge.
Share one unit
Put percentages on one board and counts on another.
Häufige Fehler bei Gauge Chart
The arcs look almost empty
The maximum is far above the values. Lower it so the scale fits the data.
A value is off the scale
It is above the maximum or below the minimum, so the arc is clipped. Widen the range.
There is no target marker
The target column is not bound. Check the bindings.
Some gauges are missing
Only 24 gauges are drawn. Split the data across charts.
Mehr über Gauge Chart erfahren
Nicht sicher, ob Gauge Chart die richtige Wahl ist? Erfahren Sie, was es ist, wann Sie es verwenden sollten und wann nicht.
Gauge Chart: häufige Fragen
Yes. With a single row the gauge fills the canvas.
Jetzt Gauge Chart erstellen
Kostenlos starten mit über 300 Vorlagen. Keine Kreditkarte erforderlich.