Dibuja los gráficos en tu propia página

El mismo token de compartición mueve también una pequeña biblioteca de JavaScript basada en Apache ECharts. Dibuja los gráficos del producto, con los mismos colores y reglas, y se ocupa del cambio de tamaño, los temas claro y oscuro, el idioma y la accesibilidad. Usa el elemento personalizado en una página sencilla, o el módulo en tu propio código:

<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',
});

La biblioteca también dibuja tarjetas de KPI y tablas, permite arrastrar sobre un gráfico para hacer zoom, filtra un gráfico a partir de un clic en otro y puede mostrar los puntos horarios en la zona horaria que elijas. Los controles de filtro y las tablas dinámicas no se dibujan.