Highcharts不起作用

所以我想用HighCharts.js库来创建一个图表。这里是我的代码：Highcharts不起作用

<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>

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

来源

2013-02-16 Chad

你的样式看起来是链接到一个JavaScript文件 – 2013-02-16 23:11:11

尝试打开发展控制台（F12为IE> = 9和Chrome，'Web开发 - > Firefox的Web控制台），看看你是否看到任何错误。 – 2013-02-16 23:15:01

好的。我修复了您提出的所有错误，并打开了开发者控制台。它这样说：Uncaught SyntaxError：意外的令牌非法的 – Chad 2013-02-16 23:55:11

这是直接从HighCharts演示页面。

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

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

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

来源

2013-02-16 23:15:36

这发生在我身上来，但我解决了使用此：

#### 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-28 16:58:26

Highcharts不起作用

回答

相关问题