Highcharts не работает

Итак, я пытаюсь использовать библиотеку HighCharts.js для создания диаграммы. Вот мой код:Highcharts не работает

<html> 
<head> 
    <script src="jquery.min.js"></script> 
    <script src="highcharts.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     var chart1 = new Highcharts.Chart({ 
      chart: { renderTo: 'container', 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> 
</head> 
<body> 
<div id="container" style="width:100%; height:400px;"> 

</div> 
</body> 
</html>

Я попытался запустить это в своем браузере, и ничего не происходит. Может ли кто-нибудь сказать мне, что я делаю неправильно? Спасибо

источник

2013-02-16 Chad

таблица стили выглядит она ссылается на Javascript файл –

Попробуйте открыть консоль разработки (F12 для IE> = 9 и Chrome, 'Web Developer -> Веб-консоль' для Firefox) и посмотреть, есть ли какие-либо ошибки. –

Хорошо. Я исправил все возникшие ошибки и открыл консоль разработчика. В нем сказано следующее: Uncaught SyntaxError: Неожиданный токен ILLEGAL – Chad

Это прямо с демонстрационной страницы HighCharts.

Alex W прав, что вы ссылаетесь на эту тему неправильно, это необязательно. Тема на самом деле является JS-файлом, но вам нужно использовать синтаксис Script.

<script type="text/javascript" src="/js/themes/gray.js"></script>

Я бы проверил вашу консоль, чтобы убедиться, что вы правильно загружаете все сценарии. Вы можете ошибаться в файле highcharts.js.

источник

2013-02-16 23:15:36

Это случилось со мной, но я решил использовать это:

#### This code is HighChart image #### 
<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 

##### To show High Chart Code #### 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Если это не работает, попробуйте сохранить jquery.min.js, highchart.js и exporting.js в файлах.

Если вам нужна дополнительная помощь здесь попробовать это:

http://stackoverflow.com/questions/19983869/issue-having-blank-graphic-in-highchart-script

источник

2014-01-28 16:58:26

Highcharts не работает

ответ

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