2013-07-17 2 views
1

안녕하세요, 하이 차트 사이트의 표준 튜토리얼을 따르고 있습니다. http://docs.highcharts.com/#your-first-chart 나는 같은 명령을 따라이 코드를 작성했다. 나는 화면에 출력을 얻지 못하고있다. 내가 뭘 잘못했는지 확인해주세요.출력이없는 하이 차트

처음에 net에서 j-query를로드하려고했으나 작동하지 않아 이제 로컬로 다운로드했습니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
     "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <script type= "text/javascript" src="/home/bhavuk/Documents/code/django/jquery/jquery.js"></script> 
    <script type= "text/javascript" src="/home/bhavuk/Documents/code/django/Highcharts/js/highcharts.js"></script> 
    <script type="text/javascript" src="/js/themes/gray.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
     $('#container').highcharts({ 
      chart: { 
       type: 'bar' 
      }, 
      title: { 
       text: 'Fruit Consumption' 
      }, 
      xAxis: { 
       categories: ['Apples', 'Bananas', 'Oranges'] 
      }, 
      yAxis: { 
       title: { 
        text: 'Fruit eaten' 
       } 
      }, 
      series: [{ 
       name: 'Jane', 
       data: [1, 0, 4] 
      }, { 
       name: 'John', 
       data: [5, 7, 3] 
      }] 
     }); 
    }); 
    </script> 
<title> high charts </title> 
</head> 
<body> 
<div id="container" style="width:100%; height:400px;"></div> 

<p> hey i am learning high charts</p> 
</body> 
</html> 
+0

오류 메시지가 나타나면 $ (document) .ready();를 추가하십시오. –

답변

0

jquery 표준 변수가 엉망이 될 수 있습니다. 스크립트 시작 부분에 $ = jQuery.noConflict()을 추가하십시오. 더 구체적인 정보를 제공하십시오. 브라우저, jsfiddle, 오류가있는 경우

2

하이 차트의 예제에는 div에 정의 된 클래스가 있으며 코드에는 참조 된 ID가 있습니다. #container를 .container로 변경하면 해결됩니다.

파이어 폭스 오류 콘솔은 수수께끼에 단서를 준 # 13 오류를 보여주었습니다.

지금까지 하이 차트 예제 스크립트 전에 jquery 및 highcharts를로드해야했습니다.