Page 1 sur 1
Une images dans une area
Posté : 20 mai 2014, 11:40
par 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+
Re: Une images dans une area
Posté : 23 mai 2014, 11:29
par Javier
Saludos Pierre André
Très bon, comme toujours, votre nouvelle astuce.
http://kocher.es/nubosidad.php
Merci beaucoup et saluts depuis San Sebastian
Re: Une images dans une area
Posté : 23 mai 2014, 19:52
par 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+
Re: Une images dans une area
Posté : 25 mai 2014, 10:37
par 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
Re: Une images dans une area
Posté : 12 août 2016, 15:17
par cordelia031
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!
Re: Une images dans une area
Posté : 12 août 2016, 15:41
par 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+