2013-08-04 2 views
2

Я следовал this link, чтобы нарисовать гистограммы, используя библиотеку диаграмм HighCharts.Высокие диаграммы не работают

Он работает на jsfiddle, но когда я пытаюсь создать HTML-файл из этого кода, он ничего не показывает.

Это мой html-файл.

<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7/prototype.js"></script> 
     <script src="http://code.highcharts.com/adapters/prototype-adapter.js"></script> 
     <script src="http://code.highcharts.com/highcharts.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] 
         }, 
           { 
          name: 'RAHUL', 
          data: [1, 5, 4] 
         }], 
        }); 
       }); 

     </script> 
    </head> 

    <body> 

     <div id="container" style="height: 300px"></div>   
    </body> 
</html> 

Где я ошибаюсь?

ответ

4

Это потому, что вы, кажется, используя jQuery selector$ ('# контейнер')

И не включая JQuery на странице

Check Fiddle

Это работает мы включаем jQuery в качестве рамки.

Включить

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

перед вашей библиотеке Highcharts и он должен работать нормально.

+0

yep thats он хотел опубликовать то же самое прямо сейчас :) – zewa666

+0

Amazing. Спасибо – PythonEnthusiast

+0

@Sushanth - если вы любезны изучить [эту ссылку] (http://stackoverflow.com/questions/18043753/jquery-post-not-returning-variable-users/18043776?noredirect=1#comment26404998_18043776) и предоставить некоторые помощь в этом контексте. Я очень сильно скроюсь. Спасибо – PythonEnthusiast

0

вы включаете highcharts.js два раза.

удалить последнее происхождение его внутри тега тела.

+0

Я просто тестировал это. У меня не было выхода даже после его удаления. – PythonEnthusiast

Смежные вопросы