Metodo di Integrazione
Integra i grafici 3D RavenBits con solo poche righe di codice. Perfetto sia per i non programmatori che per gli esperti.
Passo 1: Includi lo Script
Aggiungi la seguente riga nella sezione head o prima del tag body di chiusura:
<script src="https://ravenbits.it/build/ravenbits-charts.js" type="module"></script>Passo 2: Aggiungi il Componente Grafico
Posiziona il seguente codice HTML dove desideri visualizzare il grafico:
<div class="ravenbits-charts">
<ravenbits-charts :options='{
"chart": "pie",
"data": {
"categories": ["Tecnologia", "Sanità", "Energia", "Finanza"],
"values": [35, 25, 20, 20],
"colors": ["#6366f1", "#14b8a6", "#f97316", "#9ca3af"]
}
}'></ravenbits-charts>
</div>Passo 3: Opzioni Fonte Dati
Scegli una di queste opzioni per fornire dati al grafico:
Opzione A: JSON Inline
"data": {
"categories": ["Tecnologia", "Sanità", "Energia", "Finanza"],
"values": [35, 25, 20, 20],
"colors": ["#6366f1", "#14b8a6", "#f97316", "#9ca3af"]
}Opzione B: File JSON Esterno
"data": "https://ravenbits.it/pie.json"Opzione C: Endpoint API
"data": "https://ravenbits.it/api/pieChartSampleJson"Tipi di Grafici Disponibili
RavenBits offre vari tipi di grafici. Consulta le nostre guide dettagliate: