1

嗨，我正在关注 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>
4

2 回答 2

2

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

firefox 错误控制台显示 #13 错误，这为谜团提供了线索。

顺便说一句，必须在 highchart 示例脚本之前加载 jquery 和 highcharts。

于 2013-11-15T10:21:39.313 回答
0

可能是 jquery 标准变量弄乱了一些东西。尝试$ = jQuery.noConflict()在脚本的开头添加。并提供更具体的信息，例如；浏览器，jsfiddle，错误（如果有）

于 2013-07-17T11:32:37.590 回答