NoPoint 使用 lazy_high_charts 进行 HighStock 的开发报错 Highcharts.StockChart is not a constructor

759803573 · 2015年03月17日 · 最后由 759803573 回复于 2015年08月21日 · 3167 次阅读

已经按照https://github.com/michelson/lazy_high_charts/wiki/Using-HighStock Wiki里写的把包都引进了 我的rails 4.2.0 ruby 2.1.4 这是产生的JS代码

<script type="text/javascript">
    (function() {
      var onload = window.onload;
      window.onload = function(){
        if (typeof onload == "function") onload();
                var options = { "title": { "text": "服务器一天运行状况" },
                                       "legend": { "layout": "vertical","style": {  } },
                                        "xAxis": { "type": "datetime","dateTimeLabelFormats": { "day": "%H" } },
                                        "yAxis": { "title": { "text": null },"labels": {  } },
                                        "tooltip": { "enabled": true },
                                        "credits": { "enabled": false },
                                        "plotOptions": { "areaspline": {  } },
                                        "chart": { "zoomType": "x","renderTo": "id0" },
                                        "subtitle": {  },
                                        "rangeSelector": { "allButtonsEnabled": true,"selected": 2 },
                                        "series": [{ "type": "spline","name": "一天每分钟总操作时间","data": [ [ 946745644,890.506003677845 ],[ 946745645,5913.269020199776 ],[ 946745646,1335.646997988224 ],[ 946745647,2922.613007426262 ] ] }] };

    window.chart_id0 = new Highcharts.StockChart(options);

      };
    })()

application.js

 require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .

//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
//= require highcharts/stock/modules/exporting.js

application.html.erb

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
此贴已暂时被屏蔽!

以下几种情况的帖子可能会被屏蔽:

  1. 标题/正文描述不清不楚;
  2. 无意义的发帖;
  3. 存在广告嫌疑;
  4. 招聘信息描述不清楚,未按照招聘节点的要求发帖,或职位信息不符合社区用户群需求;
  5. 新注册的帐号发布产品推广贴是不允许的哦,付出和回报是相等的,当然如果你的产品确实非常有意思,或是和 Ruby 有关的东西,是不会进入这个栏目的。
  6. 太过弱的提问会被直接转移到此节点,请在提问前多尝试,多搜索;
  7. 理论上,不允许发布 QQ 群、微信群之类讨论群。

如果你发现你的帖子被屏蔽,请自我检查反省,并修改帖子内容。


招聘贴被屏蔽原因

警告: 以后招聘贴不符合要求,直接屏蔽,管理员不再回复,如认真阅读,继续新发同样格式的贴,将会被禁用账号!

  • 排版请按 Ruby China 的 Markdown 格式要求,具体请认真阅读: 排版指导,并参考 这篇招聘 的排版;
  • 招聘内容过少,缺少公司介绍,产品介绍,职位介绍,或待遇,工作地,联系方式等必要信息;
  • 重复发帖(一家公司每月限制只能发一次招聘);
  • 专业不对口(个别不对口,但有特点的,我们会放过);

如果你有时间,请阅读 招聘栏目详细说明


学会如何合理提问,请阅读:https://ruby-china.org/topics/24325

当你修改好以后,可以回帖 @huacnlee@Rei@lgn21st 任何一人,我们将会审核,通过以后才可恢复到其他节点。

注!多次发现广告嫌疑的帐号,将会被禁用帐号。

共收到 3 条回复

我们在做同样的事情,不过我这边没有报错 但是没有起作用;我没有直接写js,而是老实按照教程里的写法在view里面写成了 <%= high_stock("my_id", @chart) %> ,但是html里面显示body是空的,没有build出html

yeah, 刚回答完你的问题,然后我发现了问题所在,chrome中有2个我没有关注的js报错: Uncaught Highcharts error #16: www.highcharts.com/errors/16Ba @ highstock-4146c9c9a24be99811096f16556ac653.js?body=1:17(anonymous function) @ highstock-4146c9c9a24be99811096f16556ac653.js?body=1:22(anonymous function) @ highstock-4146c9c9a24be99811096f16556ac653.js?body=1:335

我不懂前端,猜想原理和C重复包裹头文件原理一样,于是我就把 app/assets/javascripts/application.js 里的 highstock和highcharts的包含顺序更改了一下,以前是先包含highcharts,下面是highstock; 现在反过来,变成这样: 结果如你所见,it works; btw: 可以话希望交流下highstock的使用经验,以前没用过,今天第一次用

#2楼 @purevirtual 啊。我忘记回来关闭问题了,我都忘记当时怎么解决的了

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册