J'utilise google visualization api javascript pour certaines images sur mon site web. Donc, quand j'utilise le javascript et si l'utilisateur clique sur la source de la vue, il révèle toutes les informations dans le code source javascript que je ne veux pas que cela se produise.cacher le contenu javascript pour google visualization api
j'ai donc essayé de sauver le javascript dans le fichier piechart.js et l'appeler comme ça
<script type="text/javascript" src="piechart.js"></script>
puis appelez le numéro de la carte dans la div comme celui-ci sur la même page. Mais le graphique n'est pas affiché sur la page Web.
Voici le code de index.php
<script type="text/javascript" src="piechart.js">
<div id="piechart"></div>
Je suis sûr que mon code est correct pour le graphique pour afficher parce que quand je place le code au lieu des piechart.js je peux voir le tableau et avec le code, les valeurs sont également affichées. S'il vous plaît aidez-moi ici. Comment et où dois-je appeler le div?
piechart.js code (apprécierait si quelqu'un pourrait aligner ce code javascript correctement.) <script type="text/javascript">
`
google.load ('visualisation', '1', {paquets: [ 'corechart ']});<script type="text/javascript">
function drawVisualization() {
// Create and populate the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Browser');
data.addColumn('number', 'Visits');
data.addRows(5);
data.setValue(0, 0, 'Internet Explorer (50.8%)');
data.setValue(0, 1, 50.81);
data.setValue(1, 0, 'Firefox (25.3%)');
data.setValue(1, 1, 25.30);
data.setValue(2, 0, 'Safari (16.09%)');
data.setValue(2, 1, 16.09);
data.setValue(3, 0, 'Chrome (7.53%)');
data.setValue(3, 1, 7.53);
data.setValue(4, 0, 'Opera (0.25%)');
data.setValue(4, 1, 0.25);
// Create and draw the visualization.
new google.visualization.PieChart(document.getElementById('piechart')).
draw(data, {title:"Visits by Browser",width:420, height:300, backgroundColor:'cccccc'});
}
google.setOnLoadCallback(drawVisualization);
</script> `