Bonjour,
je suis en train d'essayer de charger des graphiques Apache eCharts avec des données provenant d'une requête AJAX
Le résultat de ma requête AJAX est mise en forme par un json_encode() et me donne ce type de données :
Deux simples suite de valeurs : 1 x pour le mois/ année et une autre pour la valeur
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 {"mois":"'4.2018','5.2018','6.2018','10.2018','11.2018','12.2018','1.2019','2.2019','3.2019','4.2019','5.2019','6.2019','7.2019','8.2019','9.2019','10.2019','11.2019','12.2019','1.2020','2.2020','3.2020','4.2020','5.2020','6.2020','7.2020','8.2020','9.2020','10.2020','11.2020','12.2020','1.2021','2.2021','3.2021','4.2021','5.2021','6.2021','7.2021','8.2021','11.2021',","nbre":"1290,1818,1821,1825,1834,1911,1982,2071,2211,2265,2355,2417,2446,2491,2547,2599,2715,2766,3040,3155,3337,3365,3507,3549,3596,3636,3671,3798,3914,3949,4015,4123,4203,4321,4412,4494,4618,4691,4692,","total":4692}
Avec ces données, je voudrais pouvoir créer un graphique eChart, voila le code donnée en exemple (qui fonctionne très bien tel quel, mais je n'y intègre pas mes données) , a vrai dire c'est le "comment" qui me pose des soucis.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 // Initialize the echarts instance based on the prepared dom var myChart = echarts.init(document.getElementById('main')); // Specify the configuration items and data for the chart option = { xAxis: { data: ['test1', 'test2', 'test3'] }, yAxis: {}, series: [ { type: 'bar', data: ['10.2','25.3','15.6'] } ] }; // Display the chart using the configuration items and data just specified. myChart.setOption(option); var myChart = echarts.init(document.getElementById('main')); window.onresize = function() { myChart.resize(); };
Comment passer de mon json pour injecter mes valeurs dans les datas de xAxis et yAxis ?
ça ne doit pas être compliqué ... mais je sèche ...
Partager