web-dev-qa-db-fra.com

Modification dynamique des données d'une série dans Highcharts

J'ai un graphique qui fonctionne bien avec les données dans les options, quand je laisse les données vides pour une série et j'essaie ce qui suit (afin que je puisse changer les données en fonction d'un clic) cela ne fonctionne pas, des idées?

options.series[0].data = [35.00,35.91,36.82,37.73,38.64];
var chart = new Highcharts.Chart(options);
25
Staple

vous pouvez également utiliser series.setData(). Cela vous permettra de modifier l'intégralité des données d'une série particulière.

Voici l'API lien pour cela.

J'espère que cela vous sera utile.

34
Strikers

Eureka - a besoin de crochets imbriqués pour que cela fonctionne ci-dessous.

options.series[0].data = [[35.00,35.91,36.82,37.73,38.64]];
5
Staple

Vous pouvez le mettre à jour comme suit:

chart.series[0].setData([89,71,16,12,14]);

Si vous souhaitez modifier à la fois les valeurs et les étiquettes, créez un tableau de tableaux:

chart.series[0].setData([['Apple',89], ['Orange',71], ['Banana',16], ['Grapes',12], ['Others',14]]);

Démo JSFiddle pour mettre à jour les données sur un clic de bouton.

3
Raging Bull