1

所以我正在尝试使用 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>

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

4

2 回答 2

1

这直接来自 HighCharts 演示页面。

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

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

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

于 2013-02-16T23:15:36.617 回答
0

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

#### 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
于 2014-01-28T16:58:26.113 回答