ajax 페이지에서 Google 시각화 충돌

이 코드는 독립 실행 형 페이지에서 올바르게 작동합니다. jquery ajax를 통해이 코드를 다른 페이지로 가져오고 차트를 표시하지 않습니다. 나는 수색하고 수색하고 응답을 찾아 내지 않았다.ajax 페이지에서 Google 시각화 충돌

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
    google.load("visualization", "1", {packages:["corechart"]}); 
    google.setOnLoadCallback(drawChart); 
    function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 
     ['Task', 'Hours per Day'], 
     ['Data Entry', 2], 
     ['Filing', 1], 
     ['Social Media', 2], 
     ['Email Responses', 1], 
     ['Customer Care', 2] 
    ]); 

    var options = { 
     chartArea:{left:20,top:0,width:"80%",height:"70%"}, 
     legend: {position: 'left', textStyle: {fontSize: 14}}, 
     is3D: 'true' 
    }; 

    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
    } 
</script> 



    <div id="chart_div" style="position: relative; z-index: 100; width: 580px; height: 400px; margin: 0px 0px 0px 50px; border: overflow: hidden;"> 
    </div>

누군가가 제공 할 수있는 도움을 주시면 감사하겠습니다.

출처

2012-08-08 user1511039

안녕하세요, 내가 요청한 추가 세부 정보를 제공 할 수 있습니까? –

이것은 답변이 아니므로 downvote하지 마십시오.

Google에서 귀하의 답변에 도움이되는 몇 가지 질문이 있습니다.

어떤 브라우저를 사용하고 있습니까?
이 스크립트에서 가져 오는 코드는 무엇입니까?
어떤 JQuery 버전을 사용합니까?
브라우저에서 Javascript 콘솔에 오류가 표시됩니까?
다른 브라우저에서 같은 버그가 발생합니까?

편집 : 우리를 도우려고 시도하는 또 다른 방법은 http://jsfiddle.net/에 바이올린을 만들고 우리에게 링크를 제공하는 것입니다. 이렇게하면 사용중인 코드를 직접 사용해 볼 수 있습니다.

출처

2012-08-08 00:18:11

Firefox에서 테스트 중입니다. 머리글, 내용 영역 및 바닥 글이있는 기본 페이지가 있습니다. 아약스로 다른 페이지를 컨텐트 영역으로 가져옵니다. 아약스는 php, mysql 및 다른 javascript로 페이지를 당기는 데 잘 작동합니다. 빈 페이지 인 Google coreCharts에서는 작동하지 않습니다. 이것은 차트 페이지를 가져 오기 위해 사용하는 코드입니다 : $ ('# content'). load ("track.php"); jQuery 1.7.2를 사용하고 있으며 콘솔에서 오류를 보지 못했습니다. Firefox를 제외한 다른 브라우저에서는 테스트하지 않았습니다. 기본 페이지는 jQuery UI 버전 1.8.21을 사용합니다. – user1511039

ajax 페이지에서 Google 시각화 충돌

답변

관련 문제