WebChartsYodaforex : Exemples et documentation

Présentation

Nos clients souscripteurs de l'API Yodaforex web Connect peuvent en complément souscrire à Charts Yodaforex pour afficher des graphiques intraday ou historiques dans leur site.
Contactez-nous pour vous inscrire.

Personnalisez la taille du graphique, la couleur et l'épaisseur du trait, le titre, inserez votre logo...

Exemples de graphiques

• Affichage de l'intraday sur les dernières 24h de l'or, de l'argent, du palladium et du platine
  • En EUR, USD, GBP, CHF, JPY ou CAD
  • En gramme, once ou kilo
• Affichage des fixings quotidiens des pièces françaises démonétisées et de l'or de bourse, en euros, sur plus de 10 ans
• Affichage des fixings quotidiens des devises (vs EUR) , sur plus de 10 ans
• Affichage des fixings quotidiens en or ou argent, en euros ou en dollars, sur plus de 8 ans

Retrouvez plusieurs exemples sur https://charts.yodaforex.fr

 

Le javascript

Ajouter une seule fois par page le javascript qui va permettre de générer le ou les graphiques de la page
<script type="application/javascript" src="https://charts.yodaforex.fr/graph.js"></script>

Les paramètres de la div

Ajouter dans la page à l'endroit voulu le réceptacle pour chaque graphique
<div id="monIdUnique" class="graphiqueYodaforex" style="width: 100%; height: 200px"></div>

• Obligatoire : class="graphiqueYodaforex"
• Obligatoire : id="monIdUnique" remplacer "monIdUnique" par une valeur vraiment unique, en prêtant attention si vous insérez plusieurs graphs dans une même page
• Obligatoire : donner une largeur et une hauteur à la div, soit dans le html de la div, soit en CSS via une class
  Les dimensions peuvent être personnalisées, le graphique se retaillera automatiquement ; vous pouvez aussi jouer sur la mise en page des boutons Zoom
• data-type="intra" valeurs possibles intra (pour un graphique sur 24h) ou quotidien (sur plusieurs années)
• data-iso="XAU" 
  • Pour un graphique métal
    
    • En quotidien : XAU (or) ou XAG (argent)
    • Pour un graphique quotidien d'OB ou d'AR, la valeur {metal.ref} (20FN pour la 20 Francs Napoléon)
    • En intraday : XAU (pour l'or), XAG (pour l'argent), XPT (platine) ou XPD (palladium)
  • Pour un graphique devise
    • Le code ISO d'une devise {devise.iso}
    • Pour l'intraday, uniquement USD, JPY, GBP, CAD, CHF, JPY
• data-base="EUR" uniquement pour les spots intraday : EUR, USD, JPY, GBP, CAD, CHF
• data-unite="gramme" valable pour les graphiques de métaux
  • en intra, si data-iso est XAU, XAG, XPT ou XPD valeurs possibles : gramme, once, kilo
  • en quotidien, si data-iso est XAU, XAG valeurs possibles : gramme, once, kilo
• data-color="#F3A748" saisir la valeur hexa avec le #, #F3A748 par défaut
• data-zoom="false" affiche les boutons de zoom, true par défaut
• data-titre="Fixing" Titre du graphique affiché au dessus, texte libre
• data-url="https://www.monsite.ext" URL au clic du graphique, ou bien noURL si aucun lien n'est voulu
• data-visuel="https://www.monsite.ext/logo.ext" logo qui sera affiché en haut à droite, url libre
• data-cssbg="no-repeat top right" placement du data-visuel en background, par défaut sans répétition en haut à droite
• data-epaisseur="4" par défaut 2, indiquer la taille de l'épaisseur de ligne
• data-amcharts="xxxxxx" pas encore implémenté, permet de supprimer la mention AmCharts (voir tarifs AmCharts)