Хайсток не работает

0

У меня есть этот код, который работает в JSFiddle: http://jsfiddle.net/B2jan/

Но, когда я поставил код SAME на мой сайт, он не работает. Здесь я ставлю простой код:

<div id="container" style="height: 400px; min-width: 600px"></div>

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<script type="text/javascript" src="/datepicker/js/jquery-1.3.2.min.js"></script>

<script>
$(function() {
        // Create the chart
        $('#container').highcharts('StockChart', {


            rangeSelector : {
                selected : 1,
                inputEnabled: $('#container').width() > 480
            },

            title : {
                text : 'AAPL Stock Price'
            },

             series: [{
     name: 'AAPL Stock Price',
     data: [
         [1364463576000, 46906],
         [1364463578000, 50379],
         [1364463580000, 33733],
         [1364463582000, 5612],
         [1364463981000, 14213],
         [1364464007000, 11208],
         [1364490137000, 38047],
         [1364665254000, 14964],
         [1364665256000, 11443],
         [1364665257000, 9005],
         [1364665259000, 5283],
         [1364665260000, 1731]
     ],
     marker: {
         enabled: true,
         radius: 3
     },
     shadow: true,
     tooltip: {
         valueDecimals: 2
     }
 }]
        });


</script>

Является копией в jsfiddle, я не понимаю, почему не работает.

Благодарю!

Редакция:

Я помещаю файлы на хост интернета и localhost с помощью Xammp, но это тот же результат.

  • 0
    Проверьте консоль (F12) на наличие ошибок.
  • 0
    Убедитесь, что у вас есть требование. Библиотека jQuery (1.9.1), как у вас в Fiddle.
Показать ещё 3 комментария
Теги:
highcharts
highstock

2 ответа

0
Лучший ответ

Таким образом, похоже, что вы внесли изменения в код, и это не прямая копия и вставка. Вы что-то изменили?

EDIT: Ahhhhhh, я заметил это, вы не копировали заключительные теги закрытия диаграммы! :)

});

Посмотрите на конец своего кода.

Это работает для меня.

<html>
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
        // Create the chart
        $('#container').highcharts('StockChart', {


            rangeSelector : {
                selected : 1,
                inputEnabled: $('#container').width() > 480
            },

            title : {
                text : 'AAPL Stock Price'
            },

             series: [{
     name: 'AAPL Stock Price',
     data: [
         [1364463576000, 46906],
         [1364463578000, 50379],
         [1364463580000, 33733],
         [1364463582000, 5612],
         [1364463981000, 14213],
         [1364464007000, 11208],
         [1364490137000, 38047],
         [1364665254000, 14964],
         [1364665256000, 11443],
         [1364665257000, 9005],
         [1364665259000, 5283],
         [1364665260000, 1731]
     ],
     marker: {
         enabled: true,
         radius: 3
     },
     shadow: true,
     tooltip: {
         valueDecimals: 2
     }
 }]
        });

});


</script>
</head>
<body>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<div id="container" style="height: 400px; min-width: 600px"></div>


</body>
</html>
Поделиться
  • 0
    Я сделал много изменений, ваш код работает! Спасибо!!
  • 0
    @Jms, пожалуйста
0

Добавьте библиотеку jQuery, которую использует JSFiddle.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Поделиться
  • 0
    тот же результат: /
  • 0
    Убедитесь, что он связан с другими вашими скриптами, чтобы они знали, на что вы ссылаетесь на $ (jQuery).

Ещё вопросы

Сообщество Overcoder
Наверх
Меню