高图不起作用答案

【问题标题】：Highcharts doesn't work高图不起作用
【发布时间】：2013-02-16 23:09:42
【问题描述】：

所以我正在尝试使用 HighCharts.js 库来创建图表。这是我的代码：

<html>
<head>
    <script src="jquery.min.js"></script>
    <script src="highcharts.js"></script>
    <script type="text/javascript">
    $(document).ready(function() { 
        var chart1 = new Highcharts.Chart({
            chart: { renderTo: 'container', 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>
</head>
<body>
<div id="container" style="width:100%; height:400px;"> 

</div>
</body>
</html>

我尝试在浏览器中运行它，但没有任何反应。有人可以告诉我我做错了什么吗？谢谢

【问题讨论】：

您的样式表看起来像是链接到一个 Javascript 文件
尝试打开开发控制台（F12 for IE >= 9 and Chrome, Web Developer -> Web console for Firefox）看看你是否看到任何错误。
好的。我修复了您提出的所有错误，并打开了开发者控制台。它说：Uncaught SyntaxError: Unexpected token ILLEGAL
第 14 行这样说
嗯，我正在通过源控制台查看源代码，它一直在第 14 行附加这些字符：â€‹。我的代码中没有这些字符，但是当我尝试运行它时，它一直显示在我的源代码中（当我从浏览器查看源代码时）。

标签： javascript jquery highcharts

【解决方案1】：

这直接来自 HighCharts 演示页面。

Alex W 是对的，您错误地引用了主题，它是可选的。主题其实是一个JS文件，但是需要使用Script语法。

<script type="text/javascript" src="/js/themes/gray.js"></script>

我会检查您的控制台以确保您正确加载了所有脚本。您的 highcharts.js 文件的路径可能有误。

【讨论】：

【解决方案2】：

这发生在我身上，但我用这个解决了：

#### This code is HighChart image ####
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

##### To show High Chart Code ####
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

如果这不起作用，请尝试将 jquery.min.js 、 highchart.js 和 exporting.js 保存在文件中。

如果您需要更多帮助，请尝试以下操作：

http://stackoverflow.com/questions/19983869/issue-having-blank-graphic-in-highchart-script

【讨论】：