Как загрузить хайчарт в мою страницу aspx

0

Я хочу реализовать этот highchart на моей странице aspx. У меня есть эти два js файла со мной и добавлены ссылки, как

 <script src="../UserInfo/Charts/highcharts.js" type="text/javascript"></script>
 <script src="../UserInfo/Charts/highcharts.js" type="text/javascript"></script>

И вставил код в функцию типа

<script language="javascript" type="text/javascript">    
window.onload = function () {
    var oContainer = document.getElementById("container");

    //        $(function () {
  $('#container').highcharts({
        chart: {
            type: 'line'
        },
        title: {
            text: 'Yearly In/Out Transaction Chart'
        },
        subtitle: {
            text: ' Financial Year 12-13'
        },
        xAxis: {
            categories: ['Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb', 'Mar']
        },
        yAxis: {
            title: {
                text: 'Transaction Amount'
            }
        },
        tooltip: {
            enabled: true,
            formatter: function () {
                return '<b></b><br/> In Out';
            }
        },
        plotOptions: {
            line: {
                dataLabels: {
                    enabled: true,
                    style: {
                        textShadow: '0 0 3px white, 0 0 3px white'
                    }
                },
                enableMouseTracking: false
            }
        },
        series: [{
            name: 'Receipt',
            data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }, {
            name: 'Payment',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }, {
            name: 'Balance',
            data: [3.1, 4.0, 5.1, 8.1, 11.1, 15.1, 17.2, 16.8, 14.0, 10.3, 6.6, 40.10]
        }]
    });
    //        });

}

</script>

даже график не загружается. Я пробовал с

<script src="http://code.highcharts.com/highcharts.js"></script>

эти ссылки также. Если я сохраню предупреждение внутри функции, оно не срабатывает. Он отлично работает в jsFiddler. Почему бы и нет на моей странице. Я пропускаю какие-либо ссылки. ???

  • 0
    Hicharts зависит от jQuery - вы также ссылались на библиотеки jQuery? (например: <script type = "text / javascript" src = "// code.jquery.com/jquery-1.9.1.js"> </ script>)
  • 0
    @DaveLong: да. Событие, график не загружается
Показать ещё 8 комментариев
Теги:
highcharts

1 ответ

0

Вы пропустили эти две строки в своем коде

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

<div id=container></div>
  • 0
    Нет, нет .. Это была проблема с версией. Я упомянул в своем последнем комментарии. Спасибо за ответ

Ещё вопросы

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