Я использую API визуализации Google для некоторых изображений на моем веб-сайте. Поэтому, когда я использую javascript и пользователь нажимает на источник просмотра, он раскрывает всю информацию в исходном коде javascript, которую я не хочу, чтобы это происходило.
Итак, я попытался сохранить javascript в файле piechart.js и назвать его так:
<script type="text/javascript" src="piechart.js"></script>
и затем назовите идентификатор диаграммы в DIV, как это на той же странице. Но график не отображается на веб-странице.
Вот код index.php
<script type="text/javascript" src="piechart.js"><br>
<div id="piechart"></div>
Я уверен, что мой код корректен для отображения диаграммы, потому что, когда я размещаю код вместо piechart.js, я вижу диаграмму и наряду с кодом также отображаются значения. Пожалуйста, помогите мне здесь. Как и где мне позвонить в div?
Код piechart.js (был бы признателен, если бы кто-то мог правильно выровнять этот код JavaScript).
<script type="text/javascript">
`
google.load ('визуализация', '1', {packages: ['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> `