Vous pouvez placer une image à la place d'une couleur dans une "area" ou une "column"

Dans la partie PHP, mettez
<script src="https://rawgit.com/highslide-software/p ... "></script>

Dans le JS
series:
fillColor: {
pattern: 'votre_image.jpg',
width: 700,
height: 320
},

Résultat http://www.boock.ch/meteo/statistiques_piwik.php
A+

Saludos Pierre André

Très bon, comme toujours, votre nouvelle astuce.

http://kocher.es/nubosidad.php

Merci beaucoup et saluts depuis San Sebastian

Salut Javier
Cool avec le gif animé

Mon idée était de mettre 4 images différentes pour,ensoleillé,voilé, nuageux et couvert, malheureusement il semble que cela ne fonctionne pas.
http://www.boock.ch/meteo/nebulosite.php

Salutation depuis la Suisse.

A+

Je crois que les codes Highcharts aujourd'hui ne fonctionnent pas

Ils ont sorti une nouvelle version: 4.0.1 Highcharts

http://www.highcharts.com/download

Météo Villarzel a écrit :Salut Javier
Cool avec le gif animé
Mon idée était de mettre 4 images différentes pour,ensoleillé,voilé, nuageux et couvert, malheureusement il semble que cela ne fonctionne pas.
Salutation depuis la Suisse.
A+

Bonjour,
Peut_être qu'il faut d'abord essayé a le faire avec une seule image!C'est mieux et c'est toujours sûr que ça va marché!
Mais bon, c'est bien tenté, on ne sait rien sans rien faire!
Bonne continuation!

Bonjour,
en fait ça fonctionne mais il faut rajouter ce fichier js
https://rawgit.com/highslide-software/p ... rn-fill.js
puis dans chaque séries on peut ajouter une image différente

http://www.boock.ch/meteo/nebulosite.php

series: [{
name: 'Ensoleillé',
color: '#0056d6',
fillColor: {
pattern: '/meteo/images/clair.jpg',
width: 700,
height: 400
},
fillOpacity: 1,
type: 'area',
data: global,
marker: {
enabled: false,
states: {
hover: {
enabled: false
}
}
},
pointStart: Date.UTC(an, mois, jour),
pointInterval: 3600 * 1000 // un jour
},
{
name: 'Voilé',
color: '#2a6cb8',
fillColor: {
pattern: '/meteo/images/nuageux.jpg',
width: 700,
height: 400
},
fillOpacity: 1,
type: 'area',
data: global_h1,
marker: {
enabled: false,
states: {
hover: {
enabled: false
}
}
},
pointStart: Date.UTC(an, mois, jour),
pointInterval: 3600 * 1000 // un jour
},
{
name: 'Nuageux',
color: '#628ab2',
fillColor: {
pattern: '/meteo/images/voile.jpg',
width: 700,
height: 550
},
fillOpacity: 1,
type: 'area',
data: global_h2,
marker: {
enabled: false,
states: {
hover: {
enabled: false
}
}
},

A+