Graphique Excel ==} Html

Fermé
Yohann - 18 mars 2019 à 19:38
Wongt8 Messages postés 2 Date d'inscription lundi 18 mars 2019 Statut Membre Dernière intervention 21 mars 2019 - 21 mars 2019 à 18:53
Bonjour,
Depuis un petit bout de temps je cherche sur le Internet et je ne trouve pas comment résoudre mon problème.
Mon but et d'envoyer la courbe d'un ficher excel sur un site internet. Je veux aussi que quand la courbe du dossier excel se modifie elle change toute seul sur le site. Je voudrais vraiment de l'aide car je suis bloquer.



Configuration: Windows / Chrome 72.0.3626.121
A voir également:

2 réponses

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
19 mars 2019 à 08:36
Bonjour,
Tu ne peux pas.

A la limite, tu peux, si tu es le possesseur du site internet, utiliser un script comme hightcharts ou nvd3.js pour générer des graphiques à partir de tables html ou via des données stockées dans une bdd ( avec un peu d'ajax et de php )
Et bien entendu, importer les données dans ta bdd en CSV par exemple via un script php....


0
Wongt8 Messages postés 2 Date d'inscription lundi 18 mars 2019 Statut Membre Dernière intervention 21 mars 2019
21 mars 2019 à 15:41
Merci beaucoup pour ta réponse.
Aurais tu un script pour faire cela. Car étant vraiment débutant je ne sais pas comment faire cela.
Merci
0
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > Wongt8 Messages postés 2 Date d'inscription lundi 18 mars 2019 Statut Membre Dernière intervention 21 mars 2019
21 mars 2019 à 16:37
Tu as les exemples sur les sites des plugin en question..
0
Wongt8 Messages postés 2 Date d'inscription lundi 18 mars 2019 Statut Membre Dernière intervention 21 mars 2019
Modifié le 21 mars 2019 à 19:08
<!DOCTYPE html>

<html>
 <head>
  <meta charset="utf-8" />
        <title>I love bees </title>
  <link rel="stylelesheet" href="courbe.js">
  <link rel="stylesheet" href="style.css">
  <link rel="icon" href="image/bee.png" />
  
  
  </head>
 <body>
  <h1>Les données de vos ruches en direct ! </h1>
  <h3>Crée par Yohann MALEY, Ronan LEWIS, Yoann GOMIS </h3>
  <h4>En Terminal SIN au lycée <a href="https://www.lyc-maurice-janetti.ac-nice.fr/" target="_blank">Maurice Janetti</a> </h4> 
  </br> </br> </br> </br> 
  <p>Poids de la ruche :<p>
  <canvas id="myChart"></canvas>
  <canvas id="myChart" width="10" height="10"></canvas>
  <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
  <script> var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    // Le type de graphique que tu veux créer (line, bar, area, line, scatter)
    type: 'line',

    // Donné en X puis en Y
    data: {
        labels: ['J01', 'J02', 'J03', 'J04', 'J05', 'J06', 'J07','J08','J09','J10','J11','J12','J13','J14','J15','J16','J17','J18','J19','J20','J21','J22','J23','J24','J25','J26','J27','J28','J29','J30','J31'],
        datasets: [{
            label: 'Poids de la ruche',
            fillColor: "rgba(220,220,220,0.2)",
            strokeColor: "rgba(220,220,220,1)",
            pointColor: "rgba(220,220,220,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
     borderColor: 'rgb(0 0 255)',
            data: [0, 10, 20, 30, 45, 45, 60]   {--- ici c les données que je rentre pour la courbe sauf se que je veux c qu'elle se rentre toute seul avec les données qu'on a récupérée a partir d'un balance 
        }]
  
    },

    // Les options de configuration vont ici
 options: {
    }
});
</script>
  
 
 </body>
</html>


EDIT : Ajout des balises de code

La j'ai utiliser des canvas pour faire un graphique et un script en js
0