Une images dans une area

[Météo Villarzel]

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

visiteurs.png

A+

[Javier]

Saludos Pierre André

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

http://kocher.es/nubosidad.php

Merci beaucoup et saluts depuis San Sebastian

[Météo Villarzel]

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+

[Javier]

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

[cordelia031]

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!

[Météo Villarzel]

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+