Javascript 为什么highcharts演示示例中的任何一个都没有'；不行？_Javascript_Html_Highcharts

Javascript 为什么highcharts演示示例中的任何一个都没有'；不行？

javascript html highcharts

Javascript 为什么highcharts演示示例中的任何一个都没有'；不行？,javascript,html,highcharts,Javascript,Html,Highcharts,我想用海图。但它不起作用，我无法理解，我错过了什么吗 <!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Highcharts Example</title> </head> <body> <h1>High

我想用海图。但它不起作用，我无法理解，我错过了什么吗

<!DOCTYPE HTML><html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Highcharts Example</title>

</head>

<body>

    <h1>Highcharts example</h1>
    <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

    <script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
    <script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>   


    <script type="text/javascript">
        $(function () {
            $('#container').highcharts({
                chart: {
                    type: 'column'
                },
                title: {
                    text: 'Column chart with negative values'
                },
                xAxis: {
                    categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
                },
                credits: {
                    enabled: false
                },
                series: [{
                    name: 'John',
                    data: [5, 3, 4, 7, 2]
                }, {
                    name: 'Jane',
                    data: [2, -2, -3, 2, 1]
                }, {
                    name: 'Joe',
                    data: [3, 4, 4, -2, 5]
                }]
            });
        });    
    </script>

</body></html>


海图示例
海图示例
$（函数（）{
$（“#容器”）。高图({
图表：{
类型：“列”
},
标题：{
文本：“带负值的柱状图”
},
xAxis：{
类别：[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’]
},
学分：{
已启用：false
},
系列：[{
姓名：'约翰'，
数据：[5,3,4,7,2]
}, {
姓名：'简'，
数据：[2，-2，-3,2,1]
}, {
名字：'乔'，
数据：[3,4,4，-2,5]
}]
});
});

我已经尝试过使用这些路径，但不管怎样：

<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>

如何设置正确的路径？例如，我使用类似于“highcharts/js/highcharts.js”的路径，它实际存在于项目目录中

你错过了比赛

</html>

在末尾加上标签

但是，您的代码在小提琴上运行良好。

我刚刚复制了您的代码并将其粘贴到html文件中。它工作得很好

Here is the screenshot

对我来说效果很好：查看并告诉您在中看到的错误以及它们指向的行。非常感谢，我一直在寻找一些javascript调试器，您的链接似乎非常适合于此。我明白你的意思，可能是cloud9ide的问题，但其他一些例子在那里工作得很好。很抱歉，它没有过去。谢谢，据我所知，这是我使用的IDE的问题