Discussion :

[tcuisse]

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

[SpaceFrog]

il suffira de récupérer les coordonnées, les renvoyer au serveur et modifier le csv coté serveur ...

[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....

[SpaceFrog]

sur le on drop un ajax ...

[tcuisse]

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

Tu penses que je peux modifier directement mon CSV ?

[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

[tcuisse]

ok bah je vais regarder comment fonction l'Ajax alors

merci

[SpaceFrog]

avec jquery c'est simplifié

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

[tcuisse]

Avec mon code suivant :

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
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...

[tcuisse]

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