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+
Une images dans une area
Modérateurs : jturlier, Météo Villarzel
- Météo Villarzel
- Administrateur du site
- Messages : 524
- Enregistré le : 06 févr. 2014, 09:48
- Contact :
Une images dans une area
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
-
- Messages : 263
- Enregistré le : 15 févr. 2014, 09:23
- Localisation : San Sebastián, España
- Contact :
Re: Une images dans une area
Saludos Pierre André
Très bon, comme toujours, votre nouvelle astuce.
http://kocher.es/nubosidad.php
Merci beaucoup et saluts depuis San Sebastian
Très bon, comme toujours, votre nouvelle astuce.
http://kocher.es/nubosidad.php
Merci beaucoup et saluts depuis San Sebastian
Modifié en dernier par Javier le 23 mai 2014, 20:29, modifié 1 fois.
Davis Vantage Pro2 +, Windows 10, Windows 7 (64), Graphweather 3.0.15, Weatherlink 6.0.3, template Pierre-André, template Jachym
- Météo Villarzel
- Administrateur du site
- Messages : 524
- Enregistré le : 06 févr. 2014, 09:48
- Contact :
Re: Une images dans une area
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+
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+
-
- Messages : 263
- Enregistré le : 15 févr. 2014, 09:23
- Localisation : San Sebastián, España
- Contact :
Re: Une images dans une area
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
Ils ont sorti une nouvelle version: 4.0.1 Highcharts
http://www.highcharts.com/download
Davis Vantage Pro2 +, Windows 10, Windows 7 (64), Graphweather 3.0.15, Weatherlink 6.0.3, template Pierre-André, template Jachym
-
- Messages : 1
- Enregistré le : 12 août 2016, 11:25
Re: Une images dans une area
Bonjour,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+
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
- Administrateur du site
- Messages : 524
- Enregistré le : 06 févr. 2014, 09:48
- Contact :
Re: Une images dans une area
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+
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+