Javascript Highcharts不会在包含jade的div容器中显示任何内容

这是我第一次将海图与jade和MEAN stack一起使用。我能够让图表在JSFIDLE上工作，但在本地运行时，它不会显示div内部的任何内容

这是我使用jade-lang将jade转换成html的方法，这样我就可以将它放到jsfiddle中

<div id="chartcon" style="min-width: 310px; height:400px; margin 0 auto"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.highcharts.com/highcharts.js" type="text/javascript"></script>
<script src="http://code.highchart.com/modules/exporting.js" type="text/javascript"></script>
$(function() {
    $('#chartcon').highcharts({
        chart: {
                type: 'column'
        },
        title: {
                text: 'colum chart w/ neg values'
        },
        xAxis: {
                categories: ['Apples','Oranges', 'Pears']
        },
        credits: {
                enabled: false
        },
        series: [{
                name: 'John',
                data: [5,3,4]
        }, {
                name: 'Jane',
                data: [2,-2,-3]
        }, {
                name: 'Joe',
                data: [3,4,5]
        }]
                });
        });

$（函数（）{
$（'#chartcon'）。高图({
图表：{
类型：“列”
},
标题：{
文本：“柱形图带负值”
},
xAxis：{
类别：[‘苹果’、‘橙子’、‘梨’]
},
学分：{
已启用：false
},
系列：[{
姓名：'约翰'，
数据：[5,3,4]
}, {
姓名：'简'，
数据：[2，-2，-3]
}, {
名字：'乔'，
数据：[3,4,5]
}]
});
});

---

我试图在一个单独的jade文件中实现这一点，我一直认为这可能是问题所在（我找不到太多关于将jade与highcharts结合使用的信息，因此我认为它可能不兼容？

它应该兼容（至少我不知道为什么不应该）。当使用jade模板打开页面时，JS控制台中是否有任何错误？上面的代码是否与您页面中的代码完全相同？是的，它与我页面中的代码完全相同。我收到的唯一错误是jade文件第x行文本前缺少空格。我指的是javascript控制台中的错误。代码中唯一的错误是

/code.highchart.com/

->应该是

highcharts

。