Desenhe os gráficos na sua própria página

O mesmo token de partilha serve uma pequena biblioteca JavaScript construída sobre o Apache ECharts. Desenha os gráficos do produto, com as mesmas cores e regras, e trata por si do redimensionamento, dos temas claro e escuro, do idioma e da acessibilidade. Use o elemento personalizado numa página simples, ou o módulo no seu 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',
});

A biblioteca desenha também mosaicos de KPI e tabelas, deixa o leitor arrastar sobre um gráfico para fazer zoom, filtra um gráfico a partir de um clique noutro e pode mostrar os pontos horários num fuso horário à sua escolha. Os controlos de filtro e as tabelas dinâmicas não são desenhados.