IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

Exporter/imprimer un graphique [Chart.js]


Sujet :

Bibliothèques & Frameworks

  1. #1
    Membre habitué
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Février 2015
    Messages
    402
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Administrateur de base de données
    Secteur : Service public

    Informations forums :
    Inscription : Février 2015
    Messages : 402
    Points : 153
    Points
    153
    Par défaut Exporter/imprimer un graphique
    Bonjour,
    J'utilise chart.js pour réaliser des graphiques.
    Je souhaite exporter un graphique comme une image, et aussi pouvoir l'imprimer.
    J'ai parcouru beaucoup de sites sur le net mais je ne trouve pas d'explication qui soit complète.
    Existe t-il des tutos sur ces sujets (exporter et imprimer) ?
    Merci.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 939
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 939
    Points : 44 109
    Points
    44 109
    Par défaut
    Bonjour,
    Existe t-il des tutos sur ces sujets (exporter et imprimer) ?
    Si tu n'en as pas trouvé, c'est qu'il n'en existe pas

    Plus sérieusement il existe tout un tas de choses sur ces sujets.


    Attendu que les graphes issus de Chart.js sont traités dans un <canvas>, il est aisé de récupérer les données de l'image via un :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    let dataImage = canvas.toDataURL("image/png");
    Une fois ton image obtenue :

    tu peux faire un « download » via un élément <a> avec l'attribut download.
    Attention toutefois dans ce cas il faut changer le type données, avant affectation au href du lien avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    // récup. des data de l'image
    let dataImage = canvas.toDataURL("image/png");
    // modifie le type de données
    dataImage = dataImage.replace("image/png", "image/octet-stream");
    // affectation de l'adresse
    lien.href = dataImage;
    tu peux faire l'impression en ouvrant l'image dans une nouvelle fenêtre.

    Voilà pour les grandes lignes.

  3. #3
    Membre habitué
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Février 2015
    Messages
    402
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Administrateur de base de données
    Secteur : Service public

    Informations forums :
    Inscription : Février 2015
    Messages : 402
    Points : 153
    Points
    153
    Par défaut
    OK. Merci je vais mettre ceci en oeuvre.

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 939
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 939
    Points : 44 109
    Points
    44 109
    Par défaut
    Citation Envoyé par denisduval75
    Existe t-il des tutos sur ces sujets (exporter et imprimer) ?
    Voilà qui est (plus ou moins) fait et concerne plus généralement la récupération et le traitement des « données image » provenant d'un élément <canvas>.

    Pour en faire bon usage

    <canvas> Download & print image.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Primefaces] Export/Imprimer un chart
    Par Noctis dans le forum JSF
    Réponses: 2
    Dernier message: 08/06/2015, 18h26
  2. Exporter/imprimer la structure d'une table
    Par rudib dans le forum MS SQL Server
    Réponses: 2
    Dernier message: 30/04/2007, 17h19
  3. Imprimer un graphique de type Graphics
    Par edenyorke dans le forum AWT/Swing
    Réponses: 1
    Dernier message: 11/12/2006, 15h41
  4. Imprimer un graphique présent dans un formulaire
    Par mathilde50 dans le forum IHM
    Réponses: 2
    Dernier message: 27/11/2006, 16h07
  5. Imprimer un graphique
    Par pianpif dans le forum Interfaces Graphiques en Java
    Réponses: 3
    Dernier message: 17/07/2006, 15h12

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo