Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considèrerons que vous acceptez l'utilisation des cookies. J'ai compris ! ou En savoir plus !.
banniere

Le portail francophone de la géomatique


Toujours pas inscrit ? Mot de passe oublié ?
Nom d'utilisateur    Mot de passe              Toujours pas inscrit ?   Mot de passe oublié ?

Annonce

Printemps des cartes 2024

#1 Tue 18 October 2016 11:51

Gayake
Participant occasionnel
Date d'inscription: 13 Sep 2014
Messages: 26

graph highcharts, afficher ligne verticale et changer couleur légende

Bonjour à tous,

Sur un graphique highcharts (jours de 1 à 365 en abscisse et température en ordonnée), je souhaiterais afficher un ligne verticale fixe du genre y = (le 24e jour).
Auriez-vous une idée?
Par ailleurs, lorsque j'ai plusieurs séries à afficher, je n'ai pas de problème pour les identifier avec des couleurs différentes. En revanche je n'arrive jamais à changer la couleur des légendes pour que cela corresponde à l'affichage. Les scripts montrés dans jsfiddle ne font que changer la couleur des séries.
Comment faire?
Voici le code du graph:

Code:

function graph_temperature_locale_29(jours,temp_locale,temp_moy,titre) {
  $('#temperature_locale_29_div').highcharts({
    
       title: {
          text: titre
      },
   xAxis: { 
       
       categories: jours     //liste de 1 à 365
   },
   yAxis: {
        title: {
            text: ''
        },
        labels: {
            formatter: function () {
                return this.value + '';
            }
        }
    },
     
    tooltip: {
        crosshairs: {
            color: 'red',
            dashStyle: 'solid'
        },
        shared:false
    },    
   series: [{
        name: 'temperature_locale_29',
        
        marker: {
            symbol: 'circle'
           
        },
       data: temp_locale
   }, {
       type: 'spline',
       dashStyle: 'shortdot',
       name: 'T°I moyenne',
       data: temp_moy,
        marker: {
        enabled: false 
       },
              
   }]
});
}

Merci

Dernière modification par Gayake (Tue 18 October 2016 11:53)

Hors ligne

 

Pied de page des forums

Powered by FluxBB