Verschachtelte Radialkaskade: vier Ebenen eines Vorfalls
Ein Ring, vier Ebenen: Bereich › Subsystem › 48 Komponenten › Anomalien, mit Abhängigkeitsbändern im Kern und den letzten sechs Stunden als Heatmap-Ring. Die Geschichte: Das Checkout-Deployment um 18:20 Uhr bringt EU-Gateways, Queues, Redis und Postgres in den roten Bereich; sichtbar wird auch das gefährdete Umsatzvolumen. Eine Ebene mit dem Mauszeiger hervorheben oder anklicken; die übrigen folgen.
Diagramm ohne Website-Rahmen öffnen ↗Drawing width at least 1,100 px. Scroll within the chart on smaller screens.
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'
import readability from 'west-coast-charts/features/readability'
WestCoastCharts.use(types).use(premium).use(readability)
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 concepts-nested-radial-cascade.json --out concepts-nested-radial-cascade.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/concepts/nested-radial-cascade/index.md …This example uses Premium modules. Compare licences · Embedding in a distributed product?