에 대한 javascript 콘텐츠 숨기기 내 웹 사이트의 일부 이미지에 대한 Google 시각화 API를 사용하고 있습니다. 그래서 자바 스크립트를 사용할 때 사용자가 뷰 소스를 클릭하면 자바 스크립트 소스 코드의 모든 정보가 공개됩니다. Google 시각화 api
그래서 내가 piechart.js 파일에 자바 스크립트를 저장하고이<script type="text/javascript" src="piechart.js"></script>
과 같이 호출 한 후 같은 페이지에 같은 사업부에서 차트의 ID를 호출하는 것을 시도했다. 그러나 차트가 웹 페이지에 표시되지 않습니다. 여기
는 index.php에의 코드<script type="text/javascript" src="piechart.js">
<div id="piechart"></div>
나는 내가 piechart.js 대신 코드를 배치 할 때 내가 차트를 볼 수 있기 때문에 차트를 표시하는 내 코드가 정확한지 확신 코드와 함께 값도 표시됩니다. 제발 도와주세요. 어떻게 그리고 어디에서 div를 호출해야합니까?
piechart.js 코드 (사람이 올바르게 자바 스크립트 코드를 정렬 할 수 있다면 감사하겠습니다.) <script type="text/javascript">
`
하여 google.load ('시각화', '1', {패키지 : [ '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> `