nay-html5jp_graphs 0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. data/README.rdoc +59 -0
  2. data/Rakefile +22 -0
  3. data/html5jp/.DS_Store +0 -0
  4. data/html5jp/AUTHORS +7 -0
  5. data/html5jp/COPYING +202 -0
  6. data/html5jp/examples/sample_graph_circle_1.html +54 -0
  7. data/html5jp/examples/sample_graph_circle_2.html +61 -0
  8. data/html5jp/examples/sample_graph_line_1.html +44 -0
  9. data/html5jp/examples/sample_graph_line_2.html +53 -0
  10. data/html5jp/examples/sample_graph_radar_1.html +47 -0
  11. data/html5jp/examples/sample_graph_radar_2.html +52 -0
  12. data/html5jp/examples/sample_graph_vbar_1.html +51 -0
  13. data/html5jp/examples/sample_graph_vbar_2.html +52 -0
  14. data/html5jp/examples/sample_graph_vbar_3.html +52 -0
  15. data/html5jp/examples/sample_graph_vbar_4.html +52 -0
  16. data/html5jp/html5jp/.DS_Store +0 -0
  17. data/html5jp/html5jp/excanvas/.DS_Store +0 -0
  18. data/html5jp/html5jp/excanvas/AUTHORS +10 -0
  19. data/html5jp/html5jp/excanvas/COPYING +202 -0
  20. data/html5jp/html5jp/excanvas/README +22 -0
  21. data/html5jp/html5jp/excanvas/examples/example1.html +93 -0
  22. data/html5jp/html5jp/excanvas/examples/example2.html +513 -0
  23. data/html5jp/html5jp/excanvas/examples/example3.html +284 -0
  24. data/html5jp/html5jp/excanvas/examples/ff.jpg +0 -0
  25. data/html5jp/html5jp/excanvas/excanvas-compressed.js +19 -0
  26. data/html5jp/html5jp/excanvas/excanvas.js +785 -0
  27. data/html5jp/html5jp/excanvas/testcases/arc.html +49 -0
  28. data/html5jp/html5jp/excanvas/testcases/linewidth.html +47 -0
  29. data/html5jp/html5jp/excanvas/testcases/overflow.html +37 -0
  30. data/html5jp/html5jp/excanvas/testcases/quadraticcurve.html +74 -0
  31. data/html5jp/html5jp/excanvas/testcases/resizing.html +65 -0
  32. data/html5jp/html5jp/graph/circle.js +407 -0
  33. data/html5jp/html5jp/graph/line.js +577 -0
  34. data/html5jp/html5jp/graph/radar.js +545 -0
  35. data/html5jp/html5jp/graph/vbar.js +1156 -0
  36. data/init.rb +1 -0
  37. data/install.rb +10 -0
  38. data/lib/html5jp_graphs_helper.rb +255 -0
  39. data/rdoc/classes/Html5jpGraphsHelper.html +326 -0
  40. data/rdoc/created.rid +1 -0
  41. data/rdoc/files/README.html +121 -0
  42. data/rdoc/files/lib/html5jp_graphs_helper_rb.html +107 -0
  43. data/rdoc/fr_class_index.html +27 -0
  44. data/rdoc/fr_file_index.html +28 -0
  45. data/rdoc/fr_method_index.html +28 -0
  46. data/rdoc/index.html +24 -0
  47. data/rdoc/rdoc-style.css +208 -0
  48. data/tasks/html5jp_graphs_tasks.rake +4 -0
  49. data/test/html5jp_graphs_test.rb +8 -0
  50. data/uninstall.rb +1 -0
  51. metadata +103 -0
data/README.rdoc ADDED
@@ -0,0 +1,59 @@
1
+ = Html5jpGraphs
2
+
3
+ Html5jpGraphs is a Rails Plugin for HTML5.jp Graph Libraries.
4
+
5
+ HTML5.jp Graph Libraries are written by futomi, released under Apache License, Version 2.0.
6
+ http://www.html5.jp/library/index.html
7
+
8
+ There are 4 kinds of graphs in HTML5.jp.
9
+
10
+ * vertical bar chart
11
+ * radar chart
12
+ * line chart
13
+ * pie chart
14
+
15
+ With this plugin, you can easily draw graphs using helper methods.
16
+ Helper methods accepts both simple array data and your original complex model objects.
17
+
18
+ == Install
19
+
20
+ > gem sources -a http://gems.github.com (you only have to do this once)
21
+ > sudo gem install nay-html5jp_graphs
22
+
23
+ ==Example
24
+ === Draw a Vertical Bar Chart
25
+
26
+ <%= vertical_bar_chart [['accesses', 520, 340, 804, 602], ['clicks', 101, 76, 239, 321]] %>
27
+
28
+ or you can use your own model obejct.
29
+
30
+ <%= vertical_bar_chart access_click_summaries %>
31
+
32
+ === Draw a Radar Chart
33
+
34
+ <%= radar_chart [['review1', 5, 4, 3], ['review2', 3, 5, 2]], :aCap => ['price', 'style', 'sound'] %>
35
+
36
+ <%= radar_chart reviews %>
37
+
38
+ === Draw a Line Chart
39
+
40
+ <%= line_chart [['accesses', 520, 340, 804, 602], ['clicks', 101, 76, 239, 321]] %>
41
+
42
+ <%= line_chart access_click_summaries %>
43
+
44
+ == Draw a Pie Chart
45
+
46
+ <%= pie_chart([["very good", 400], ["good", 300], ["bad", 100], ["very bad", 300]]) %>
47
+
48
+ <%= pie_chart opinions %>
49
+
50
+ == Options
51
+
52
+ You can use all options in HTML5.jp. Note that string options should be wrapped in ' ', or it would be used as a script code.
53
+
54
+ For example, to specify the backgroundColor option to a radar chart, write like this.
55
+
56
+ <%= line_chart access_click_summaries, :backgroundColor => "'red'" %>
57
+
58
+ Copyright (c) 2008 Yasuko Ohba (y.ohba@everyleaf.com), released under the apache license
59
+
data/Rakefile ADDED
@@ -0,0 +1,22 @@
1
+ require 'rake'
2
+ require 'rake/testtask'
3
+ require 'rake/rdoctask'
4
+
5
+ desc 'Default: run unit tests.'
6
+ task :default => :test
7
+
8
+ desc 'Test the html5jp_graphs plugin.'
9
+ Rake::TestTask.new(:test) do |t|
10
+ t.libs << 'lib'
11
+ t.pattern = 'test/**/*_test.rb'
12
+ t.verbose = true
13
+ end
14
+
15
+ desc 'Generate documentation for the html5jp_graphs plugin.'
16
+ Rake::RDocTask.new(:rdoc) do |rdoc|
17
+ rdoc.rdoc_dir = 'rdoc'
18
+ rdoc.title = 'Html5jpGraphs'
19
+ rdoc.options << '--line-numbers' << '--inline-source'
20
+ rdoc.rdoc_files.include('README')
21
+ rdoc.rdoc_files.include('lib/**/*.rb')
22
+ end
data/html5jp/.DS_Store ADDED
Binary file
data/html5jp/AUTHORS ADDED
@@ -0,0 +1,7 @@
1
+ HTML5.JP JavaScript Library
2
+
3
+ HTML5.JP:
4
+ <http://www.html5.jp/>
5
+
6
+ Developers:
7
+ Futomi Hatano <info@html5.jp>
data/html5jp/COPYING ADDED
@@ -0,0 +1,202 @@
1
+
2
+ Apache License
3
+ Version 2.0, January 2004
4
+ http://www.apache.org/licenses/
5
+
6
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
7
+
8
+ 1. Definitions.
9
+
10
+ "License" shall mean the terms and conditions for use, reproduction,
11
+ and distribution as defined by Sections 1 through 9 of this document.
12
+
13
+ "Licensor" shall mean the copyright owner or entity authorized by
14
+ the copyright owner that is granting the License.
15
+
16
+ "Legal Entity" shall mean the union of the acting entity and all
17
+ other entities that control, are controlled by, or are under common
18
+ control with that entity. For the purposes of this definition,
19
+ "control" means (i) the power, direct or indirect, to cause the
20
+ direction or management of such entity, whether by contract or
21
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
22
+ outstanding shares, or (iii) beneficial ownership of such entity.
23
+
24
+ "You" (or "Your") shall mean an individual or Legal Entity
25
+ exercising permissions granted by this License.
26
+
27
+ "Source" form shall mean the preferred form for making modifications,
28
+ including but not limited to software source code, documentation
29
+ source, and configuration files.
30
+
31
+ "Object" form shall mean any form resulting from mechanical
32
+ transformation or translation of a Source form, including but
33
+ not limited to compiled object code, generated documentation,
34
+ and conversions to other media types.
35
+
36
+ "Work" shall mean the work of authorship, whether in Source or
37
+ Object form, made available under the License, as indicated by a
38
+ copyright notice that is included in or attached to the work
39
+ (an example is provided in the Appendix below).
40
+
41
+ "Derivative Works" shall mean any work, whether in Source or Object
42
+ form, that is based on (or derived from) the Work and for which the
43
+ editorial revisions, annotations, elaborations, or other modifications
44
+ represent, as a whole, an original work of authorship. For the purposes
45
+ of this License, Derivative Works shall not include works that remain
46
+ separable from, or merely link (or bind by name) to the interfaces of,
47
+ the Work and Derivative Works thereof.
48
+
49
+ "Contribution" shall mean any work of authorship, including
50
+ the original version of the Work and any modifications or additions
51
+ to that Work or Derivative Works thereof, that is intentionally
52
+ submitted to Licensor for inclusion in the Work by the copyright owner
53
+ or by an individual or Legal Entity authorized to submit on behalf of
54
+ the copyright owner. For the purposes of this definition, "submitted"
55
+ means any form of electronic, verbal, or written communication sent
56
+ to the Licensor or its representatives, including but not limited to
57
+ communication on electronic mailing lists, source code control systems,
58
+ and issue tracking systems that are managed by, or on behalf of, the
59
+ Licensor for the purpose of discussing and improving the Work, but
60
+ excluding communication that is conspicuously marked or otherwise
61
+ designated in writing by the copyright owner as "Not a Contribution."
62
+
63
+ "Contributor" shall mean Licensor and any individual or Legal Entity
64
+ on behalf of whom a Contribution has been received by Licensor and
65
+ subsequently incorporated within the Work.
66
+
67
+ 2. Grant of Copyright License. Subject to the terms and conditions of
68
+ this License, each Contributor hereby grants to You a perpetual,
69
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
70
+ copyright license to reproduce, prepare Derivative Works of,
71
+ publicly display, publicly perform, sublicense, and distribute the
72
+ Work and such Derivative Works in Source or Object form.
73
+
74
+ 3. Grant of Patent License. Subject to the terms and conditions of
75
+ this License, each Contributor hereby grants to You a perpetual,
76
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
77
+ (except as stated in this section) patent license to make, have made,
78
+ use, offer to sell, sell, import, and otherwise transfer the Work,
79
+ where such license applies only to those patent claims licensable
80
+ by such Contributor that are necessarily infringed by their
81
+ Contribution(s) alone or by combination of their Contribution(s)
82
+ with the Work to which such Contribution(s) was submitted. If You
83
+ institute patent litigation against any entity (including a
84
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
85
+ or a Contribution incorporated within the Work constitutes direct
86
+ or contributory patent infringement, then any patent licenses
87
+ granted to You under this License for that Work shall terminate
88
+ as of the date such litigation is filed.
89
+
90
+ 4. Redistribution. You may reproduce and distribute copies of the
91
+ Work or Derivative Works thereof in any medium, with or without
92
+ modifications, and in Source or Object form, provided that You
93
+ meet the following conditions:
94
+
95
+ (a) You must give any other recipients of the Work or
96
+ Derivative Works a copy of this License; and
97
+
98
+ (b) You must cause any modified files to carry prominent notices
99
+ stating that You changed the files; and
100
+
101
+ (c) You must retain, in the Source form of any Derivative Works
102
+ that You distribute, all copyright, patent, trademark, and
103
+ attribution notices from the Source form of the Work,
104
+ excluding those notices that do not pertain to any part of
105
+ the Derivative Works; and
106
+
107
+ (d) If the Work includes a "NOTICE" text file as part of its
108
+ distribution, then any Derivative Works that You distribute must
109
+ include a readable copy of the attribution notices contained
110
+ within such NOTICE file, excluding those notices that do not
111
+ pertain to any part of the Derivative Works, in at least one
112
+ of the following places: within a NOTICE text file distributed
113
+ as part of the Derivative Works; within the Source form or
114
+ documentation, if provided along with the Derivative Works; or,
115
+ within a display generated by the Derivative Works, if and
116
+ wherever such third-party notices normally appear. The contents
117
+ of the NOTICE file are for informational purposes only and
118
+ do not modify the License. You may add Your own attribution
119
+ notices within Derivative Works that You distribute, alongside
120
+ or as an addendum to the NOTICE text from the Work, provided
121
+ that such additional attribution notices cannot be construed
122
+ as modifying the License.
123
+
124
+ You may add Your own copyright statement to Your modifications and
125
+ may provide additional or different license terms and conditions
126
+ for use, reproduction, or distribution of Your modifications, or
127
+ for any such Derivative Works as a whole, provided Your use,
128
+ reproduction, and distribution of the Work otherwise complies with
129
+ the conditions stated in this License.
130
+
131
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
132
+ any Contribution intentionally submitted for inclusion in the Work
133
+ by You to the Licensor shall be under the terms and conditions of
134
+ this License, without any additional terms or conditions.
135
+ Notwithstanding the above, nothing herein shall supersede or modify
136
+ the terms of any separate license agreement you may have executed
137
+ with Licensor regarding such Contributions.
138
+
139
+ 6. Trademarks. This License does not grant permission to use the trade
140
+ names, trademarks, service marks, or product names of the Licensor,
141
+ except as required for reasonable and customary use in describing the
142
+ origin of the Work and reproducing the content of the NOTICE file.
143
+
144
+ 7. Disclaimer of Warranty. Unless required by applicable law or
145
+ agreed to in writing, Licensor provides the Work (and each
146
+ Contributor provides its Contributions) on an "AS IS" BASIS,
147
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
148
+ implied, including, without limitation, any warranties or conditions
149
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
150
+ PARTICULAR PURPOSE. You are solely responsible for determining the
151
+ appropriateness of using or redistributing the Work and assume any
152
+ risks associated with Your exercise of permissions under this License.
153
+
154
+ 8. Limitation of Liability. In no event and under no legal theory,
155
+ whether in tort (including negligence), contract, or otherwise,
156
+ unless required by applicable law (such as deliberate and grossly
157
+ negligent acts) or agreed to in writing, shall any Contributor be
158
+ liable to You for damages, including any direct, indirect, special,
159
+ incidental, or consequential damages of any character arising as a
160
+ result of this License or out of the use or inability to use the
161
+ Work (including but not limited to damages for loss of goodwill,
162
+ work stoppage, computer failure or malfunction, or any and all
163
+ other commercial damages or losses), even if such Contributor
164
+ has been advised of the possibility of such damages.
165
+
166
+ 9. Accepting Warranty or Additional Liability. While redistributing
167
+ the Work or Derivative Works thereof, You may choose to offer,
168
+ and charge a fee for, acceptance of support, warranty, indemnity,
169
+ or other liability obligations and/or rights consistent with this
170
+ License. However, in accepting such obligations, You may act only
171
+ on Your own behalf and on Your sole responsibility, not on behalf
172
+ of any other Contributor, and only if You agree to indemnify,
173
+ defend, and hold each Contributor harmless for any liability
174
+ incurred by, or claims asserted against, such Contributor by reason
175
+ of your accepting any such warranty or additional liability.
176
+
177
+ END OF TERMS AND CONDITIONS
178
+
179
+ APPENDIX: How to apply the Apache License to your work.
180
+
181
+ To apply the Apache License to your work, attach the following
182
+ boilerplate notice, with the fields enclosed by brackets "[]"
183
+ replaced with your own identifying information. (Don't include
184
+ the brackets!) The text should be enclosed in the appropriate
185
+ comment syntax for the file format. We also recommend that a
186
+ file or class name and description of purpose be included on the
187
+ same "printed page" as the copyright notice for easier
188
+ identification within third-party archives.
189
+
190
+ Copyright [yyyy] [name of copyright owner]
191
+
192
+ Licensed under the Apache License, Version 2.0 (the "License");
193
+ you may not use this file except in compliance with the License.
194
+ You may obtain a copy of the License at
195
+
196
+ http://www.apache.org/licenses/LICENSE-2.0
197
+
198
+ Unless required by applicable law or agreed to in writing, software
199
+ distributed under the License is distributed on an "AS IS" BASIS,
200
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
201
+ See the License for the specific language governing permissions and
202
+ limitations under the License.
@@ -0,0 +1,54 @@
1
+ <!--
2
+ Copyright 2007 futomi http://www.html5.jp/
3
+
4
+ Licensed under the Apache License, Version 2.0 (the "License");
5
+ you may not use this file except in compliance with the License.
6
+ You may obtain a copy of the License at
7
+
8
+ http://www.apache.org/licenses/LICENSE-2.0
9
+
10
+ Unless required by applicable law or agreed to in writing, software
11
+ distributed under the License is distributed on an "AS IS" BASIS,
12
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ See the License for the specific language governing permissions and
14
+ limitations under the License.
15
+ -->
16
+ <html>
17
+ <head>
18
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
19
+ <meta http-equiv="Content-Language" content="ja" />
20
+ <meta http-equiv="Content-Style-Type" content="text/css" />
21
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
22
+ <title>円グラフ サンプル - jsライブラリ - HTML5.JP</title>
23
+ <style type="text/css">
24
+ canvas {border:1px solid #4c4c4c;}
25
+ </style>
26
+ <!--[if IE]><script type="text/javascript" src="../html5jp/excanvas/excanvas.js"></script><![endif]-->
27
+ <script type="text/javascript" src="../html5jp/graph/circle.js"></script>
28
+ <script type="text/javascript">
29
+ window.onload = function() {
30
+ var cg = new html5jp.graph.circle("sample");
31
+ if( ! cg ) { return; }
32
+ var items = [
33
+ ["sample01", 150],
34
+ ["sample02", 100],
35
+ ["sample03", 80],
36
+ ["sample04", 60],
37
+ ["sample05", 30],
38
+ ["sample06", 20],
39
+ ["sample07", 10],
40
+ ["sample08", 10],
41
+ ["sample09", 10],
42
+ ["sample10", 10],
43
+ ["sample11", 10],
44
+ ["sample12", 10]
45
+ ];
46
+ cg.draw(items);
47
+ };
48
+ </script>
49
+ </head>
50
+ <body>
51
+ <h1>円グラフ サンプル - jsライブラリ - HTML5.JP</h1>
52
+ <div><canvas width="400" height="300" id="sample"></canvas></div>
53
+ </body>
54
+ </html>
@@ -0,0 +1,61 @@
1
+ <!--
2
+ Copyright 2007 futomi http://www.html5.jp/
3
+
4
+ Licensed under the Apache License, Version 2.0 (the "License");
5
+ you may not use this file except in compliance with the License.
6
+ You may obtain a copy of the License at
7
+
8
+ http://www.apache.org/licenses/LICENSE-2.0
9
+
10
+ Unless required by applicable law or agreed to in writing, software
11
+ distributed under the License is distributed on an "AS IS" BASIS,
12
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ See the License for the specific language governing permissions and
14
+ limitations under the License.
15
+ -->
16
+ <html>
17
+ <head>
18
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
19
+ <meta http-equiv="Content-Language" content="ja" />
20
+ <meta http-equiv="Content-Style-Type" content="text/css" />
21
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
22
+ <title>円グラフ サンプル - jsライブラリ - HTML5.JP</title>
23
+ <style type="text/css">
24
+ canvas {border:1px solid #4c4c4c;}
25
+ </style>
26
+ <!--[if IE]><script type="text/javascript" src="../html5jp/excanvas/excanvas.js"></script><![endif]-->
27
+ <script type="text/javascript" src="../html5jp/graph/circle.js"></script>
28
+ <script type="text/javascript">
29
+ window.onload = function() {
30
+ var cg = new html5jp.graph.circle("sample");
31
+ if( ! cg ) { return; }
32
+ var items = [
33
+ ["sample01", 150, "#ff8899"],
34
+ ["sample02", 100],
35
+ ["sample03", 80],
36
+ ["sample04", 60],
37
+ ["sample05", 30],
38
+ ["sample06", 20],
39
+ ["sample07", 10],
40
+ ["sample08", 10],
41
+ ["sample09", 10],
42
+ ["sample10", 10],
43
+ ["sample11", 10],
44
+ ["sample12", 10]
45
+ ];
46
+ var params = {
47
+ backgroundColor: "#eeffee",
48
+ shadow: false,
49
+ captionNum: false,
50
+ startAngle: -45,
51
+ otherCaption: "その他"
52
+ };
53
+ cg.draw(items, params);
54
+ };
55
+ </script>
56
+ </head>
57
+ <body>
58
+ <h1>円グラフ - jsライブラリ - HTML5.JP</h1>
59
+ <div><canvas width="400" height="300" id="sample"></canvas></div>
60
+ </body>
61
+ </html>
@@ -0,0 +1,44 @@
1
+ <!--
2
+ Copyright 2007 futomi http://www.html5.jp/
3
+
4
+ Licensed under the Apache License, Version 2.0 (the "License");
5
+ you may not use this file except in compliance with the License.
6
+ You may obtain a copy of the License at
7
+
8
+ http://www.apache.org/licenses/LICENSE-2.0
9
+
10
+ Unless required by applicable law or agreed to in writing, software
11
+ distributed under the License is distributed on an "AS IS" BASIS,
12
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ See the License for the specific language governing permissions and
14
+ limitations under the License.
15
+ -->
16
+ <html>
17
+ <head>
18
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
19
+ <meta http-equiv="Content-Language" content="ja" />
20
+ <meta http-equiv="Content-Style-Type" content="text/css" />
21
+ <meta http-equiv="Content-Script-Type" content="text/javascript" />
22
+ <title>折線グラフ サンプル 1 - jsライブラリ - HTML5.JP</title>
23
+ <style type="text/css">
24
+ canvas {border:1px solid #4c4c4c;}
25
+ </style>
26
+ <!--[if IE]><script type="text/javascript" src="../html5jp/excanvas/excanvas.js"></script><![endif]-->
27
+ <script type="text/javascript" src="../html5jp/graph/line.js"></script>
28
+ <script type="text/javascript">
29
+ window.onload = function() {
30
+ var lg = new html5jp.graph.line("sample");
31
+ if( ! lg ) { return; }
32
+ var items = [
33
+ ["商品A", 20, 58, 40, 14, 38, 20, 40],
34
+ ["商品B", 10, 14, 58, 80, 70, 90, 20]
35
+ ];
36
+ lg.draw(items);
37
+ };
38
+ </script>
39
+ </head>
40
+ <body>
41
+ <h1>折線グラフ サンプル 1 - jsライブラリ - HTML5.JP</h1>
42
+ <div><canvas width="400" height="300" id="sample"></canvas></div>
43
+ </body>
44
+ </html>