highcharts和Django 结合出现问题


就用的是highcharts官方的例子,我新建了一个单独的html可以运行但放到django的模板里就不可以了。已经确定资源已经正常加载(即jquery和highcharts的js文件都能加载),在这一句提示 $('#test').highcharts({ undefine is not a function。不知是什么原因呢?(google上搜到类似问题是没有加载jquery,我这里已经加载了)
<html>
<head>


 </head>
<body>

    <div id="test" style="width:100%; height:400px;"></div>
    <script src="./jquery.js"></script>
    <script src="./highcharts.js"></script>
    <script>
    $(function () { 
        $('#test').highcharts({
            chart: {
                type: 'column'
            },
            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>
</body>

</html>

不过后来我在网上看到一个这样的写法,算是解决了


 js


 new Highcharts.Chart({
                chart: {
                    type: 'column',
                    renderTo:"test"//这里是div的id
                },
                ....

highcharts django JavaScript

IdKenji 10 years, 6 months ago

请注意jQuery版本的问题,
jQuery2.0(具体哪个版本不记得了,至少1.4.4是不可以的)以下版本是有问题的,需通过new Highcharts.Chart()方式调用

Nirvash answered 10 years, 6 months ago

Your Answer