Kostenloser Core · MIT

Kostenlosen Core herunterladen

Diagramme im eigenen Projekt nutzen. Kostenlos für private und kommerzielle Nutzung, ohne Konto, Zahlung oder Lizenzschlüssel.

1.1.5 · ZIP 3.55 MB · TGZ 3.36 MB

Das erste Diagramm in wenigen Minuten

  1. ZIP-Archiv herunterladen und entpacken.
  2. example.html öffnen: Das echte Diagramm läuft ohne Netzwerkanfrage.
  3. Den Ordner dist ins eigene Projekt kopieren und das folgende Beispiel verwenden.
<div id="chart"></div>
<script src="./dist/west-coast-charts.full.min.js"></script>
<script>
new WestCoastCharts(document.querySelector('#chart'), {
  chart: { type: 'bar', height: 360 },
  series: [{ name: 'Requests', data: [24, 38, 31, 52] }],
  xaxis: { categories: ['Mon', 'Tue', 'Wed', 'Thu'] }
}).render();
</script>

Der Full-Free-Build enthält Core, alle freien Diagrammtypen und optionalen Funktionen in einer Datei. Der kleinere Core-Build und einzelne freie Plugins sind ebenfalls enthalten.

Installation mit einem Paketmanager

Installieren Sie das öffentliche Core-Paket in der angegebenen Version direkt in Ihrem Projekt:

npm install west-coast-charts@1.1.5
import WestCoastCharts from 'west-coast-charts/full'

Diese konkrete Version ist in der npm-Registry verfügbar.

Ein Browser-CDN verwenden

Laden Sie diese konkrete Version ohne Build-Werkzeug. Das integrity-Attribut prüft die Bytes des Bundles.

<script src="https://cdn.jsdelivr.net/npm/west-coast-charts@1.1.5/dist/west-coast-charts.full.min.js" integrity="sha384-IvVUi5Mw5BSFzQ14ISAoMnSHE1Ot+DIoyMCM5DHL/TEsZuw0l2j5im+MGc7d8C0A" crossorigin="anonymous"></script>

Wenn Ihre Anwendung oder die Artefaktansicht das CDN sperrt, bündeln Sie das installierte Paket oder hosten Sie dessen dist-Dateien selbst. Verwenden Sie ein externes Skript, falls Ihre Content Security Policy Inline-Code sperrt.

Dokumentation lesen · Beispiele entdecken