[Highcharts] Code javascript pour modifier les données CSV

Version imprimable

08/06/2015, 11h18
tcuisse

[Highcharts] Code javascript pour modifier les données CSV

Bonjour,

Voici mon problème :

Je travaille actuellement avec Highcharts (en JS) sur l'élaboration d'un graphique avec des points draggable (que l'on peut bouger). J'ai relier mon graphique avec un fichier CSV et j'aimerai que les points que sont modifiés au clic soient automatiquement modifiés dans mon CSV. Est-ce possible ? Quelqu'un aurait t-il une solution car la je suis totalement perdu ?

Merci par avance :)
08/06/2015, 12h43
SpaceFrog

il suffira de récupérer les coordonnées, les renvoyer au serveur et modifier le csv coté serveur ...
08/06/2015, 15h18
tcuisse

Merci pour cette réponse rapide, le problème c'est que mes données peuvent changer très rapidement juste en un clic. Dois-je créer une fonction qui remplace toutes les données doppées ? Est- ce réalisable facilement? car je suis novice en la matière....
08/06/2015, 16h15
SpaceFrog

sur le on drop un ajax ...
08/06/2015, 16h30
tcuisse

Dans mon
point: {
events: {
drop: function () {

Tu penses que je peux modifier directement mon CSV ?
08/06/2015, 16h38
SpaceFrog

dans le drop tu lances une requete ajax et passant les paramètres qui vont bein ... qui ira modifier le fichier csv sur le serveur
08/06/2015, 16h41
tcuisse

ok bah je vais regarder comment fonction l'Ajax alors :)

merci
08/06/2015, 17h11
SpaceFrog

avec jquery c'est simplifié

$.ajax(), $.get() ou $.post() ...

Avec mon code suivant :

Code:

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
28
29
30
31
32
33
34
35
plotOptions: {
            series: {
                cursor: 'ns-resize',
                point: {
                    events: {
 
                        drag: function (e) {
                            x = e.newX;
                            // appel du js draggable-points pour le drag and drop : possibilité de bouger le graphique
                            $('#drag').html(
                                'Montant <b>' +
                                this.series.name +
                                '</b> &agrave <b>' +
                                this.category +
                                '</b> de <b>' +
                                    //Arrondi à 0 chiffre après la virgule et affichage du point venant d'être modifié
                                Highcharts.numberFormat(e.newY, 0) +
                                '</b>');
                        },
                        drop: function () {
                            // x est initialisé dans l'event drag
                            // On suppose que l'event drag est toujours déclenché avant l'event drop
                            console.log(chart.series[0].data[x].y - chart.series[1].data[x].y);
                            $('#drop').html(
                                'Différence <b>' +
                                'de chiffre d affaire' +
                                '</b> &agrave <b>' +
                                this.category +
                                '</b> est de  <b>' +
                                    //Affichage de la différence entre le CA modifiable et la CA prévisionnel
                                Highcharts.numberFormat(chart.series[0].data[x].y - chart.series[1].data[x].y,0) +
                                '</b>');
                        }
                    }
                },

J'ai bien peur que Highcharts m'empêche de récupérer les données et que je ne puisse que visualiser les changements sans pouvoir les sauvegarder. J'ai du mal à comprendre comment en Ajax je pourrais régler ce problème...

09/06/2015, 10h34
tcuisse

Je n'arrive toujours pas à obtenir ces différentes valeurs pour chaque changement de points !! je ne comprends pas du tout ..