Domande taggate «chart.js»

Chart.js è una libreria JavaScript per la creazione di grafici animati e interattivi da includere nelle pagine web


12
Imposta l'altezza del grafico in Chart.js
Voglio disegnare un grafico a barre orizzontale con Chart.js ma continua a ridimensionare il grafico invece di utilizzare l'altezza che assegno la tela dallo script. C'è un modo per impostare l'altezza del grafico dallo script? Vedi violino: Jsfidle HTML <div class="graph"> <div class="chart-legend"> </div> <div class="chart"> <canvas id="myChart"></canvas> </div> </div> …

14
Aggiorna dinamicamente i valori di un grafico chartjs
Ho creato un grafico a barre di base usando chartjs e funziona benissimo. Ora voglio aggiornare i valori su un intervallo basato sul tempo. Il mio problema è che dopo aver creato il grafico, non so come aggiornare correttamente i suoi valori ... Il mio codice: var ctx = $("#myChart").get(0).getContext("2d"); …


4
Chart.js: linee rette invece di curve
Sto usando Chart.JS per tracciare un set di dati, Comunque ho ottenuto un effetto liscio! Ecco la curva che ho: Ecco il mio codice: function plotChart(data, labels) { var lineChartData = { "datasets": [{ "data": data, "pointStrokeColor": "#fff", "fillColor": "rgba(220,220,220,0.5)", "pointColor": "rgba(220,220,220,1)", "strokeColor": "rgba(220,220,220,1)" }], "labels": labels }; var myLine …
111 chart.js 

19
Come cancellare un grafico da una tela in modo che gli eventi al passaggio del mouse non possano essere attivati?
Sto usando Chartjs per visualizzare un grafico a linee e funziona bene: // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); Ma il problema si verifica quando provo a modificare i dati per il grafico. Aggiorno il grafico creando una nuova …

3
come impostare il valore iniziale come "0" in chartjs?
ecco il mio codice. ho bisogno di impostare il valore iniziale come "0" in entrambe le scale degli assi xey. Ho provato l'ultima opzione di scalabilità della versione. graphOptions = { ///Boolean - Whether grid lines are shown across the chart scaleShowGridLines: false, tooltipTitleTemplate: "<%= label%>", //String - Colour of …
109 charts  chart.js 

5
Chart.js v2 nasconde le etichette del set di dati
Ho i seguenti codici per creare un grafico utilizzando Chart.js v2.1.3: var ctx = $('#gold_chart'); var goldChart = new Chart(ctx, { type: 'line', data: { labels: dates, datasets: [{ label: 'I want to remove this Label', data: prices, pointRadius: 0, borderWidth: 1 }] } }); I codici sembrano semplici, ma …






20
chart.js carica dati completamente nuovi
L'API perchart.js consente di modificare i punti dei set di dati caricati al suo interno, ad esempio: .update( ) La chiamata di update () sull'istanza del grafico eseguirà nuovamente il rendering del grafico con tutti i valori aggiornati, consentendo di modificare il valore di più punti esistenti, quindi renderizzarli in …

10
Impostazione di larghezza e altezza
Sto provando il codice di esempio per Chart.js fornito nei documenti . La larghezza e l'altezza sono specificate in linea sull'elemento canvas a 400 px / 400 px. Ma durante il rendering il grafico viene ingrandito alla larghezza della pagina intera e taglia l'estremità più a destra. vedi esempio Come …
88 chart.js 

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.