Highcharts不会在带有玉的div容器中显示任何内容

Question

这是我第一次使用highcharts以及jade和MEAN堆栈。我可以让图表在jsfiddle上运行，但在本地运行时它不会在div内显示任何内容。

这是jsfiddle我使用jade-lang将玉转换成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]
        }]
                });
        });

我正在尝试在单个玉文件中执行此操作，我一直认为这可能是问题（我无法在使用带有高图的玉器时找到很多因此这让我觉得它可能不兼容？）