ie8 및 jsfiddle (Google 차트)의 버그

Google 원형 차트를 사용하고 있습니다. 파이 차트는 jsfiddle에서 볼 수 있지만 HTML 파일은 IE8 document type이 아닙니다. jsfiddle에서 파이 차트 코드를 사용하고 있으며 HTML 파일에서 동일한 코드를 사용하고 있습니다. jsfiddle이 예상 한 답변을 보여주고 있지만 HTML 파일은 파이 차트를 표시하지 않았습니다. 여기에 바이올린ie8 및 jsfiddle (Google 차트)의 버그

: http://jsfiddle.net/gL7Hm/2/

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi?fake=.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawVisualization); 
     function drawVisualization() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Task', 'Hours per Day'], 
      ['Work',  11], 
      ['Eat',  2], 
      ['Commute', 2], 
      ['Watch TV', 2], 
      ['Sleep', 7] 
     ]); 

     var options = { 
      title: 'My Daily Activities' 
     }; 

     var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 
     </head> 
    <body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
    </body> 
</html>

내가 아는 여기 HTML 코드 무슨 일이 잘못, 그것의 내 코드 버그 또는 jsfiddle 버그.

귀하의 조언에 감사드립니다.

출처

2012-12-26 Selvamani

(http://stackoverflow.com/questions/14036969/nowrap-condition-in-html-head-and-body/14037009#14037009) 이전 질문 에뮬레이션 된 IE8 브라우저가 아닌 실제 * IE8 브라우저에서 문제를 재현하려고 시도 했습니까? –

확인했는데 작동하지 않습니다. – Selvamani

이것은 이후 브라우저에서 IE8의 표준 모드 에뮬레이션의 작은 버그 일 가능성이 있습니다. 분명히,이 최신 버전의 IE는 전임자의 행동을 완벽하게 복제 할 수는 없습니다 (하지만 대부분의 시간은 충분한 정도로 수행합니다).

http://browserstack.com을 사용하면 실제 IE8 인스턴스에서 테스트 할 수있었습니다. 아래 이미지에서 알 수 있듯이 결과는 좋았으며 IE8 (실제 인스턴스)에는 아무런 문제가 없습니다.

에서 [주석]에서 언급 한 바와 같이

enter image description here

출처

2012-12-26 12:40:04 Sampson

감사합니다. 당신의 대답은 나에게 매우 도움이된다. – Selvamani

ie8 및 jsfiddle (Google 차트)의 버그

답변

관련 문제