Jquery 高位图表不起作用_Jquery_Highcharts

Jquery 高位图表不起作用

jquery highcharts

Jquery 高位图表不起作用,jquery,highcharts,Jquery,Highcharts,我随后使用HighCharts图表库绘制了条形图它可以在JSFIDLE上工作，但当我试图用这段代码构建HTML文件时，它没有显示任何内容这是我的html文件 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7/prototype.js"></script> <script src="http:/

我随后使用HighCharts图表库绘制了条形图

它可以在JSFIDLE上工作，但当我试图用这段代码构建HTML文件时，它没有显示任何内容

这是我的html文件

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7/prototype.js"></script>
        <script src="http://code.highcharts.com/adapters/prototype-adapter.js"></script>
        <script src="http://code.highcharts.com/highcharts.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]
                        },
                                 {
                            name: 'RAHUL',
                            data: [1, 5, 4]
                        }],
                    });
                });

        </script>
    </head>

    <body>

        <div id="container" style="height: 300px"></div>        
    </body>
</html>

我哪里出错了？

您两次包含highcharts.js

删除body标记中最后出现的内容。

您将包含两次highcharts.js

删除body标记中最后出现的内容。

这是因为您似乎正在使用jQuery选择器$'container'

并且在页面中不包括jQuery

这是因为我们将jQuery作为一个框架

包括

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

在highCharts库之前，它应该可以正常工作。

这是因为您似乎在使用jQuery选择器$'container'

并且在页面中不包括jQuery

这是因为我们将jQuery作为一个框架

包括

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

在highCharts库之前，它应该可以正常工作。

我只是在测试它。我没有得到任何输出，甚至在删除它之后。我只是用它进行测试。即使删除了它，我也没有得到任何输出。@Sushanth-如果您能仔细查看[此链接]并在这方面提供一些帮助的话。我会非常感激的。谢谢你的帮助：@Sushanth-如果你能仔细查看[这个链接]并在这方面提供一些帮助的话。我会非常感激的。感谢格拉德的帮助：