Radialsäule: Legende rechts und unten
Ein Tag mit dem (fiktiven) Stromverbrauch eines Bürogebäudes, nach Last (HVAC, Beleuchtung, Steckdosenlasten) um eine 24-Stunden-Uhr gestapelt; innen zeigt ein Donut den Energiemix. Dasselbe Diagramm mit legend.position 'right' und 'bottom'.
Diagramm ohne Website-Rahmen öffnen ↗
Dieses Beispiel erzeugt seine Diagramme mit Bedienelementen und Hilfsfunktionen. Daher gibt es kein einzelnes Optionsobjekt. Öffne das eigenständige Beispiel, um seinen Quellcode zu lesen.
import WestCoastCharts from 'west-coast-charts'
import types from 'west-coast-charts/types'
import premium from 'west-coast-charts/premium'
WestCoastCharts.use(types).use(premium)
const WestCoastChartsPremium = premium
WestCoastCharts.setLicenseKey(LICENCE_KEY) // paid production licence; localhost evaluation needs no keyWarten auf das Diagramm.
Open Data & agent view to read this chart through chart.describe().
Aus der laufenden Bibliothek über das optionale agent/describe -Modul gelesen. Text, Tabelle und JSON zeigen denselben Zustand. Ausschließlich Demonstrationsdaten.
$ wcc chart export original-variants-radial-column-legend-position.json --out original-variants-radial-column-legend-position.svg --with-tablePublic agent tools 0.2.3, tested with Library 1.1.5; available from the versioned GitHub release and npm. Speichern Sie zuerst eine JSON-Spezifikation und prüfen Sie vor dem Rendern die geladene Runtime und die unterstützten Module. Befehlsreferenz
Loading /gallery/original-variants/radial-column-legend-position/index.md …This example uses Premium modules. Compare licences · Embedding in a distributed product?