一个用于生成图表的gem: lazy_high_charts
来源:互联网 发布:美食做法软件 编辑:程序博客网 时间:2024/05/16 04:17
具体使用参考:
调用方法
https://github.com/michelson/lazy_high_charts
但是它不提供ajax加载的图标方式
因为生成的js代码,实在 window.onload方法中运行的
怎么办?
增加新的ajax 代码
# -*- encoding: utf-8 -*- module LazyHighCharts module LayoutHelper def high_chart_ajax(placeholder, object, &block) object.html_options.merge!({:id=>placeholder}) object.options[:chart][:renderTo] = placeholder high_graph_ajax(placeholder,object , &block).concat(content_tag("div","", object.html_options)) end def high_graph_ajax(placeholder, object, &block) build_ajax_html_output("Chart", placeholder, object, &block) end def build_ajax_html_output(type, placeholder, object, &block) options_collection = [ generate_json_from_hash(object.options) ] options_collection << %|"series": #{object.data.to_json}| graph =<<-EOJS <script type="text/javascript"> var options, chart; options = { #{options_collection.join(',')} }; #{capture(&block) if block_given?} chart = new Highcharts.#{type}(options); </script> EOJS if defined?(raw) return raw(graph) else return graph end end endend
调用方法
<%=high_chart_ajax("dom_name", @highcharts) %>
- 一个用于生成图表的gem: lazy_high_charts
- Rails gem: 用于开发的gem 推荐
- 发布一个自己的 gem
- 一个用于生成验证码的C#类代码
- 用于构建交互式图表的最佳 jQuery 图表库
- 用于构建交互式图表的最佳 jQuery 图表库
- JavaScript:用于创建图表展现数据的JS图表库
- 用于 Windows8 的 Wijmo Charts 图表控件
- Ext图表的动态生成
- G2:一个由纯 javascript 编写、强大的语义化图表生成工具
- 用于展现图表的50种JavaScript库
- 用于展现图表的50种JavaScript库
- 用于展现图表的50种JavaScript库
- 用于科学图表绘制的Qwt编译安装与使用
- 用于展现图表的50种JavaScript库
- MYSQL统计每天数据,用于做图表的输出统计数据
- 用于理解Java的前8个图表
- 学习写一个gem
- iBatis prepend iterate 标签,in字句的一点总结
- 60款很酷的 jQuery 幻灯片演示和下载
- 构造函数初始化列表相关知识点集合
- hdu 2601
- gtest的单独编译和使用
- 一个用于生成图表的gem: lazy_high_charts
- EAS BOS进度条(针对耗时长的操作)
- 如何调整launcher2屏幕的布局
- 酿酒的方法与心得
- 快速搭建Hadoop环境并测试mapreduce(1.0.3)
- android EditText 字数监听并显示
- csdn的博客关了,整体搬迁到sina博客!谢谢各位读者的关注!
- 正则表达式
- 战战已被修改到穷途末路