Chartkick:一行代码即可绘制出漂亮的图表
来源:互联网 发布:网站关键词优化推广 编辑:程序博客网 时间:2024/09/21 08:58
Chartkick是一个图表绘制工具,特点是UI美观、使用简单,并且支持IE6在内的大多数浏览器。之所以说它使用简单,是因为只需要一行Ruby代码即可绘制出漂亮的图表!
比如你需要一个线状图:
1
<%= line_chart User.group_by_day(
:created_at
).count %>
绘制一个饼状图:
1
<%= pie_chart Goal.group(
"name"
).count %>
柱状图:
1
<%= column_chart Task.group_by_day_of_week(
:created_at
).count %>
多重线图:
1
2
3
<%= line_chart
@goals
.map{|goal|
{
:name
=> goal.name,
:data
=> goal.feats.group_by_week(
:created_at
).count }
} %>
安装Chartkick只需要往应用中添加该gem:
1
<%= line_chart User.group_by_day(
:created_at
).count,
:min
=>
1000
,
:max
=>
5000
%>
如果你使用Google Charts,需要添加代码:
1
<%= javascript_include_tag
"//www.google.com/jsapi"
,
"chartkick"
%>
1
<%= javascript_include_tag
"path/to/highcharts.js"
,
"chartkick"
%>
实际上,Chartkick并不依赖于Ruby/Rails。
1
2
3
4
5
6
7
8
<
script
src
=
"/path/to/chartkick.js"
></
script
>
<
div
id
=
"chart-1"
style
=
"height: 300px;"
></
div
>
<
script
>
var chart = document.getElementById("chart-1");
new Chartkick.PieChart(chart, {"Football": 45, "Soccer": 56, "Basketball": 98});
// or remote
new Chartkick.LineChart(chart, "/charts/stocks");
</
script
>
更多介绍:ankane.github.io
项目地址:GitHub
- Chartkick:一行代码即可绘制出漂亮的图表
- Chartkick:一行代码即可绘制出漂亮的图表
- 使用 制作出漂亮的图表
- python绘制非常漂亮的图表
- python绘制非常漂亮的图表
- 漂亮的OWC图表
- 一行代码搞定漂亮的Android6.0权限申请界面
- 一行代码搞定漂亮的Android6.0权限申请界面
- 一行代码搞定漂亮的Android6.0权限申请界面
- 如何在word里面贴出漂亮的代码
- 漂亮的JQuery图表插件
- Highcharts:非常漂亮的图表
- HoloGraphLibrary画出漂亮的图表
- 仿照QQ的侧边效果,一行代码即可接入侧边栏
- 第19款插件:纯CSS的漂亮美观的按钮,只需要复制代码按钮即可产生
- Android 一行代码即可将微信登陆集成到项目中
- Highcharts:十分漂亮的图表API
- Highcharts:非常漂亮的图表API
- MySQL slave状态之Seconds_Behind_Master
- This type of page is not served 解决办法
- Spring整合Ibatis之SqlMapClientDaoSupport
- 使用PHP实现采集远程图片功能
- 【Java Web】源码分析Java Web的Filter与Struts的Interceptor是不是单例
- Chartkick:一行代码即可绘制出漂亮的图表
- 汉化Windows Azure上的虚拟机
- 灵魂之音
- LIBSVM使用介绍
- Hibernate 命名查询NamedQuery
- 甲骨文改变Java版本号命名方式
- android连接Mysql数据库之JDBC方式
- mysql 使用
- js脚本加载总结