只是让Highchart显示出来有困难

我对Javascript,Rails和JQuery都很陌生。

我将在Highcharts上阅读本教程(http://www.highcharts.com/documentation/how-to-use#installation),并尝试获取基本图表。 它没有发生。

在我的home.html.erb文件中,我有:

app/views/layouts/application.html.erb我在head标记中有这个:

    

这是/public/highcharts.js中的代码:

 var chart1; // globally available $(document).ready(function() { 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] }] }); }); 

加载页面时没有任何内容出现,我不明白为什么。 我已经完成了3到4次教程,并用Google搜索答案无济于事。 任何帮助将非常感激。

编辑:我将脚本标记中的路径从/public/highcharts.js/highcharts.js 。 这在我的控制台调试器中给了我以下错误:

 Uncaught ReferenceError: Highcharts is not defined highcharts.js:3 (anonymous function) highcharts.js:3 f.Callbacks.n jquery.min.js:2 f.Callbacks.o.fireWith jquery.min.js:2 e.extend.ready jquery.min.js:2 c.addEventListener.B 

正如我们在聊天中讨论的那样,有一些缺失的部分。

  • 您需要Highcharts库的本地副本
  • 您需要引用从正确位置调用库的脚本。

所以,简而言之,您需要在布局中使用它:

      

现在继续(假设您正在使用rails 3.1+),我建议将您的javascripts移动到更传统的位置。 在3.1中,rails喜欢在app/assets/javascripts看到它,但public/javascripts仍然很好,只是不完全是传统的

通过了解rails helper以插入脚本标签和Asset Pipeline,您将获得大量的成功。

祝好运!

问题出在第一行的源代码是var charts; 删除它,你就完成了。

Chart关键字存在问题。 请改变

新的Highcharts.Chart({图表是小c