Afficher quelques chart.js dans la fenêtre des extensions de chrome

Je suis en train d'afficher des graphiques dynamiques de chart.js dans le menu contextuel de mon extension de chrome.Afficher quelques chart.js dans la fenêtre des extensions de chrome

Voici mon fichier minimal HTML:

<html> 
    <head> 
    </head> 

    <body> 
     <div class="container"> 
      <div> 
       <canvas id="chart"></canvas> 
      </div> 
     </div> 
     <p id='test'></p> 
     <script type='text/javascript' src='chart.js'> 
     <script type='text/javascript' src='popup.js'> 
     </script> 
    </body> 
</html>

Et mon script minimal, en ajoutant les données dans le tableau:

document.addEventListener('DOMContentLoaded', function() 
{ 
    var ctx = document.getElementById("chart").getContext('2d'); 
    var myChart = new Chart(ctx, { 
     type: 'doughnut', 
     data: { 
      labels: [ 'a', 'b', 'c', 'd' ], 
       datasets: [{ 
       backgroundColor: [ 
        "#59be5b", 
        "#d56328", 
        "#ff1b2d", 
        "#0078d7" 
       ], 
       data: [ 1, 2, 3, 4 ] 
      }] 
     } 
    }); 

    document.getElementById('test').textContent = 'SUCCEED'; 
});

Maintenant, mon pop-up est vide, il n'y a graphique et l'élément de test n'a aucun contenu. De plus, il n'y a pas de sortie console (pas d'erreur).

Comment dois-je résoudre ce problème?

Source

2017-05-03 Nucktrooper

Je pense que vous avez une erreur de Syntex, essayez le code suivant:

popup.html

<html> 
<head>  
    <script type='text/javascript' src='chart.js'></script> 
    <script type='text/javascript' src='popup.js'></script> 
</head> 
<body> 
    <div class="container"> 
     <div> 
      <canvas id="chart"></canvas> 
     </div> 
    </div> 
    <p id='test'></p> 
</body>

manifeste:

{ 
    "manifest_version": 2, 
    "minimum_chrome_version": "23", 
    "name": "test!", 
    "description": "test", 
    "version": "1.0", 

    "browser_action": { 
    "default_icon": "icon.png", 
    "default_popup": "popup.html", 
    "default_title": "Click here!" 
    }, 
"permissions": [], 
"background": { } 
}

popup.js est le même ...

-je tester et il est montrer le tableau dans mon pop-up

Bonne chance.

Source

2017-05-03 06:54:30 OriEng

Oh, c'est vrai. J'ai oublié la balise de fin du script. C'était un peu déroutant car il n'y avait pas d'erreur dans la console. Je ne savais pas que l'erreur HMTL n'y figurait pas. Je vous remercie. – Nucktrooper

Afficher quelques chart.js dans la fenêtre des extensions de chrome

Répondre

Questions connexes