Question

所以我试图使用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>

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

Answer 1

这是直接来自HighCharts演示页面。

Alex W是正确的，你引用的主题不正确，它是可选的。该主题实际上是一个JS文件，但您需要使用脚本语法。

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

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

Answer 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和exports.js保存在文件中。

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

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

Highcharts不起作用

2 个答案: