Librerie Javascript

Chart

Funzioni per utilizzare la libreria dei Grafici.

  • InCoreChartResizeOnWindow()

    Trova gli oggetti canvas con proprietà id e li ridimensiona in base alla pagina

    N.B.: Questa funzione va chiamata in caso di ridimensionamento della pagina

  • InCoreChartDestroy(string)

    Distrugge il Grafico presente sul controllo canvas HTML selezionato

    • id: stringa, id del canvas da distruggere
  • InCoreChartGetDataset(string)

    Ritorna il DataSet per un grafico in base all'URL inserito

    • url: stringa, URL da chiamare con AJAX

Chiamate di esempio:

InCoreChartGetDataset("ACTION_URL")
    .then((data) => {
        new Chart(
            document.getElementById('CANVAS_ID'),
            {
                type: 'line',
                data: {
                    labels: data.data.map(row => row.label),
                    datasets: [
                        {
                            label: data.label,
                            data: data.data.map(row => row.value)
                        }
                    ]
                }
            }
        );
    });
 
InCoreChartGetDataset("ACTION_URL")
    .then((data) => {
        new Chart(
            document.getElementById('CANVAS_ID'),
            {
                type: 'bar',
                data: {
                    labels: data.data.map(row => row.label),
                    datasets: [
                        {
                            label: data.label,
                            data: data.data.map(row =>> row.value)
                        }
                    ]
                }
            }
        );
    });
 
InCoreChartGetDataset("ACTION_URL")
    .then((data) => {
        new Chart(
            document.getElementById('CANVAS_ID'),
            {
                type: 'line',
                data: data
            }
        );
    });
 
InCoreChartGetDataset("ACTION_URL")
    .then((data) => {
        new Chart(
            document.getElementById('CANVAS_ID'),
            {
                type: 'doughnut',
                data: data
            }
        );
    });