最初我试图从网上加载j-query，它没有用，现在我已经在本地下载了。

Question

您好我正在关注highcharts网站上的标准教程。http://docs.highcharts.com/#your-first-chart 我已经按照相同的指令编写了这段代码。我没有在屏幕上获得任何输出。请检查，我做错了什么。

最初我试图从网上加载j-query，它没有用，现在我已经在本地下载了。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script type= "text/javascript" src="/home/bhavuk/Documents/code/django/jquery/jquery.js"></script>
    <script type= "text/javascript" src="/home/bhavuk/Documents/code/django/Highcharts/js/highcharts.js"></script>
    <script type="text/javascript" src="/js/themes/gray.js"></script>
    <script type="text/javascript">
        $(function () {
        $('#container').highcharts({
            chart: {
                type: 'bar'
            },
            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>
<title> high charts </title>
</head>
<body>
<div id="container" style="width:100%; height:400px;"></div>

<p> hey i am learning high charts</p>
</body>
</html>

Answer 1

在highcharts的示例中，div中定义了一个类，而在代码中引用了一个id。将#container更改为.container修复它。

firefox错误控制台显示＃13错误，这给出了神秘的线索。

BTW，必须在高图示例脚本之前加载jquery和highcharts。

Answer 2

可能是jquery标准变量搞乱了。尝试在脚本的开头添加$ = jQuery.noConflict()。并提供更具体的信息，如;浏览器，jsfiddle，错误，如果有的话

高图没有输出

最初我试图从网上加载j-query，它没有用，现在我已经在本地下载了。

2 个答案: