Die Diagramme auf der eigenen Seite zeichnen

Dasselbe Freigabe-Token steuert auch eine kleine JavaScript-Bibliothek auf Basis von Apache ECharts. Sie zeichnet die Diagramme des Produkts mit denselben Farben und Regeln und übernimmt Größenanpassung, helles und dunkles Design, Sprache und Barrierefreiheit. Nutzen Sie das Custom Element auf einer einfachen Seite oder das Modul in Ihrem eigenen Code:

<script src="https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@event-horizon-data/charts/dist/eh-chart.global.js"></script>

<eh-chart token="<share token>" widget="<widget id>" theme="auto"></eh-chart>

npm install @event-horizon-data/charts echarts

import { createClient, mount } from '@event-horizon-data/charts';

const client = createClient({ token: '<share token>' });
const chart = mount(document.getElementById('revenue'), {
  client,
  widgetId: '<widget id>',
  theme: 'auto',
});

Die Bibliothek zeichnet auch KPI-Kacheln und Tabellen, lässt Leser per Ziehen über ein Diagramm zoomen, filtert ein Diagramm per Klick auf ein anderes und kann Stundenwerte in einer frei gewählten Zeitzone beschriften. Filtersteuerungen und Pivot-Tabellen werden nicht gezeichnet.