rails_charts 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (100) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +487 -0
  4. data/Rakefile +3 -0
  5. data/lib/rails_charts/area_chart.rb +31 -0
  6. data/lib/rails_charts/bar_chart.rb +25 -0
  7. data/lib/rails_charts/base_chart.rb +123 -0
  8. data/lib/rails_charts/calendar_chart.rb +36 -0
  9. data/lib/rails_charts/candlestick_chart.rb +25 -0
  10. data/lib/rails_charts/custom_chart.rb +14 -0
  11. data/lib/rails_charts/donut_chart.rb +36 -0
  12. data/lib/rails_charts/engine.rb +33 -0
  13. data/lib/rails_charts/funnel_chart.rb +30 -0
  14. data/lib/rails_charts/gauge_chart.rb +30 -0
  15. data/lib/rails_charts/helpers.rb +83 -0
  16. data/lib/rails_charts/javascript.rb +17 -0
  17. data/lib/rails_charts/line_chart.rb +78 -0
  18. data/lib/rails_charts/parallel_chart.rb +30 -0
  19. data/lib/rails_charts/pie_chart.rb +55 -0
  20. data/lib/rails_charts/radar_chart.rb +38 -0
  21. data/lib/rails_charts/ruby_ext.rb +28 -0
  22. data/lib/rails_charts/sankey_chart.rb +31 -0
  23. data/lib/rails_charts/scatter_chart.rb +34 -0
  24. data/lib/rails_charts/stacked_bar_chart.rb +13 -0
  25. data/lib/rails_charts/version.rb +3 -0
  26. data/lib/rails_charts.rb +43 -0
  27. data/vendor/assets/rails_charts/echarts.min.js +45 -0
  28. data/vendor/assets/rails_charts/extension/bmap.js +413 -0
  29. data/vendor/assets/rails_charts/extension/bmap.js.map +1 -0
  30. data/vendor/assets/rails_charts/extension/bmap.min.js +22 -0
  31. data/vendor/assets/rails_charts/extension/dataTool.js +436 -0
  32. data/vendor/assets/rails_charts/extension/dataTool.js.map +1 -0
  33. data/vendor/assets/rails_charts/extension/dataTool.min.js +22 -0
  34. data/vendor/assets/rails_charts/i18n/langCS-obj.js +172 -0
  35. data/vendor/assets/rails_charts/i18n/langCS.js +168 -0
  36. data/vendor/assets/rails_charts/i18n/langDE-obj.js +172 -0
  37. data/vendor/assets/rails_charts/i18n/langDE.js +168 -0
  38. data/vendor/assets/rails_charts/i18n/langEN-obj.js +173 -0
  39. data/vendor/assets/rails_charts/i18n/langEN.js +169 -0
  40. data/vendor/assets/rails_charts/i18n/langES-obj.js +111 -0
  41. data/vendor/assets/rails_charts/i18n/langES.js +107 -0
  42. data/vendor/assets/rails_charts/i18n/langFI-obj.js +111 -0
  43. data/vendor/assets/rails_charts/i18n/langFI.js +107 -0
  44. data/vendor/assets/rails_charts/i18n/langFR-obj.js +173 -0
  45. data/vendor/assets/rails_charts/i18n/langFR.js +169 -0
  46. data/vendor/assets/rails_charts/i18n/langIT-obj.js +173 -0
  47. data/vendor/assets/rails_charts/i18n/langIT.js +169 -0
  48. data/vendor/assets/rails_charts/i18n/langJA-obj.js +173 -0
  49. data/vendor/assets/rails_charts/i18n/langJA.js +169 -0
  50. data/vendor/assets/rails_charts/i18n/langKO-obj.js +173 -0
  51. data/vendor/assets/rails_charts/i18n/langKO.js +169 -0
  52. data/vendor/assets/rails_charts/i18n/langPL-obj.js +173 -0
  53. data/vendor/assets/rails_charts/i18n/langPL.js +169 -0
  54. data/vendor/assets/rails_charts/i18n/langPT-br-obj.js +174 -0
  55. data/vendor/assets/rails_charts/i18n/langPT-br.js +170 -0
  56. data/vendor/assets/rails_charts/i18n/langRO-obj.js +173 -0
  57. data/vendor/assets/rails_charts/i18n/langRO.js +169 -0
  58. data/vendor/assets/rails_charts/i18n/langRU-obj.js +174 -0
  59. data/vendor/assets/rails_charts/i18n/langRU.js +170 -0
  60. data/vendor/assets/rails_charts/i18n/langSI-obj.js +172 -0
  61. data/vendor/assets/rails_charts/i18n/langSI.js +168 -0
  62. data/vendor/assets/rails_charts/i18n/langTH-obj.js +111 -0
  63. data/vendor/assets/rails_charts/i18n/langTH.js +107 -0
  64. data/vendor/assets/rails_charts/i18n/langZH-obj.js +168 -0
  65. data/vendor/assets/rails_charts/i18n/langZH.js +164 -0
  66. data/vendor/assets/rails_charts/theme/azul.js +163 -0
  67. data/vendor/assets/rails_charts/theme/bee-inspired.js +178 -0
  68. data/vendor/assets/rails_charts/theme/blue.js +178 -0
  69. data/vendor/assets/rails_charts/theme/caravan.js +178 -0
  70. data/vendor/assets/rails_charts/theme/carp.js +163 -0
  71. data/vendor/assets/rails_charts/theme/cool.js +180 -0
  72. data/vendor/assets/rails_charts/theme/dark-blue.js +164 -0
  73. data/vendor/assets/rails_charts/theme/dark-bold.js +164 -0
  74. data/vendor/assets/rails_charts/theme/dark-digerati.js +164 -0
  75. data/vendor/assets/rails_charts/theme/dark-fresh-cut.js +164 -0
  76. data/vendor/assets/rails_charts/theme/dark-mushroom.js +164 -0
  77. data/vendor/assets/rails_charts/theme/dark.js +224 -0
  78. data/vendor/assets/rails_charts/theme/eduardo.js +178 -0
  79. data/vendor/assets/rails_charts/theme/forest.js +163 -0
  80. data/vendor/assets/rails_charts/theme/fresh-cut.js +163 -0
  81. data/vendor/assets/rails_charts/theme/fruit.js +178 -0
  82. data/vendor/assets/rails_charts/theme/gray.js +220 -0
  83. data/vendor/assets/rails_charts/theme/green.js +222 -0
  84. data/vendor/assets/rails_charts/theme/helianthus.js +263 -0
  85. data/vendor/assets/rails_charts/theme/infographic.js +236 -0
  86. data/vendor/assets/rails_charts/theme/inspired.js +163 -0
  87. data/vendor/assets/rails_charts/theme/jazz.js +163 -0
  88. data/vendor/assets/rails_charts/theme/london.js +163 -0
  89. data/vendor/assets/rails_charts/theme/macarons.js +240 -0
  90. data/vendor/assets/rails_charts/theme/macarons2.js +249 -0
  91. data/vendor/assets/rails_charts/theme/mint.js +155 -0
  92. data/vendor/assets/rails_charts/theme/red-velvet.js +163 -0
  93. data/vendor/assets/rails_charts/theme/red.js +225 -0
  94. data/vendor/assets/rails_charts/theme/roma.js +119 -0
  95. data/vendor/assets/rails_charts/theme/royal.js +163 -0
  96. data/vendor/assets/rails_charts/theme/sakura.js +140 -0
  97. data/vendor/assets/rails_charts/theme/shine.js +177 -0
  98. data/vendor/assets/rails_charts/theme/tech-blue.js +180 -0
  99. data/vendor/assets/rails_charts/theme/vintage.js +63 -0
  100. metadata +268 -0
@@ -0,0 +1,220 @@
1
+ /*
2
+ * Licensed to the Apache Software Foundation (ASF) under one
3
+ * or more contributor license agreements. See the NOTICE file
4
+ * distributed with this work for additional information
5
+ * regarding copyright ownership. The ASF licenses this file
6
+ * to you under the Apache License, Version 2.0 (the
7
+ * "License"); you may not use this file except in compliance
8
+ * with the License. You may obtain a copy of the License at
9
+ *
10
+ * http://www.apache.org/licenses/LICENSE-2.0
11
+ *
12
+ * Unless required by applicable law or agreed to in writing,
13
+ * software distributed under the License is distributed on an
14
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15
+ * KIND, either express or implied. See the License for the
16
+ * specific language governing permissions and limitations
17
+ * under the License.
18
+ */
19
+
20
+ (function(root, factory) {
21
+ if (typeof define === 'function' && define.amd) {
22
+ // AMD. Register as an anonymous module.
23
+ define(['exports', 'echarts'], factory);
24
+ } else if (
25
+ typeof exports === 'object' &&
26
+ typeof exports.nodeName !== 'string'
27
+ ) {
28
+ // CommonJS
29
+ factory(exports, require('echarts/lib/echarts'));
30
+ } else {
31
+ // Browser globals
32
+ factory({}, root.echarts);
33
+ }
34
+ })(this, function(exports, echarts) {
35
+ var log = function(msg) {
36
+ if (typeof console !== 'undefined') {
37
+ console && console.error && console.error(msg);
38
+ }
39
+ };
40
+ if (!echarts) {
41
+ log('ECharts is not Loaded');
42
+ return;
43
+ }
44
+
45
+ var colorPalette = [
46
+ '#757575',
47
+ '#c7c7c7',
48
+ '#dadada',
49
+ '#8b8b8b',
50
+ '#b5b5b5',
51
+ '#e9e9e9'
52
+ ];
53
+
54
+ var theme = {
55
+ color: colorPalette,
56
+
57
+ title: {
58
+ textStyle: {
59
+ fontWeight: 'normal',
60
+ color: '#757575'
61
+ }
62
+ },
63
+
64
+ dataRange: {
65
+ color: ['#636363', '#dcdcdc']
66
+ },
67
+
68
+ toolbox: {
69
+ color: ['#757575', '#757575', '#757575', '#757575']
70
+ },
71
+
72
+ tooltip: {
73
+ backgroundColor: 'rgba(0,0,0,0.5)',
74
+ axisPointer: {
75
+ // Axis indicator, coordinate trigger effective
76
+ type: 'line', // The default is a straight line: 'line' | 'shadow'
77
+ lineStyle: {
78
+ // Straight line indicator style settings
79
+ color: '#757575',
80
+ type: 'dashed'
81
+ },
82
+ crossStyle: {
83
+ color: '#757575'
84
+ },
85
+ shadowStyle: {
86
+ // Shadow indicator style settings
87
+ color: 'rgba(200,200,200,0.3)'
88
+ }
89
+ }
90
+ },
91
+
92
+ // Area scaling controller
93
+ dataZoom: {
94
+ dataBackgroundColor: '#eee', // Data background color
95
+ fillerColor: 'rgba(117,117,117,0.2)', // Fill the color
96
+ handleColor: '#757575' // Handle color
97
+ },
98
+
99
+ grid: {
100
+ borderWidth: 0
101
+ },
102
+
103
+ categoryAxis: {
104
+ axisLine: {
105
+ // Coordinate axis
106
+ lineStyle: {
107
+ // Property 'lineStyle' controls line styles
108
+ color: '#757575'
109
+ }
110
+ },
111
+ splitLine: {
112
+ // Separation line
113
+ lineStyle: {
114
+ // Property 'lineStyle' (see lineStyle) controls line styles
115
+ color: ['#eee']
116
+ }
117
+ }
118
+ },
119
+
120
+ valueAxis: {
121
+ axisLine: {
122
+ // Coordinate axis
123
+ lineStyle: {
124
+ // Property 'lineStyle' controls line styles
125
+ color: '#757575'
126
+ }
127
+ },
128
+ splitArea: {
129
+ show: true,
130
+ areaStyle: {
131
+ color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
132
+ }
133
+ },
134
+ splitLine: {
135
+ // Separation line
136
+ lineStyle: {
137
+ // Property 'lineStyle' (see lineStyle) controls line styles
138
+ color: ['#eee']
139
+ }
140
+ }
141
+ },
142
+
143
+ timeline: {
144
+ lineStyle: {
145
+ color: '#757575'
146
+ },
147
+ controlStyle: {
148
+ color: '#757575',
149
+ borderColor: '#757575'
150
+ }
151
+ },
152
+
153
+ candlestick: {
154
+ itemStyle: {
155
+ color: '#8b8b8b',
156
+ color0: '#dadada'
157
+ },
158
+ lineStyle: {
159
+ width: 1,
160
+ color: '#757575',
161
+ color0: '#c7c7c7'
162
+ },
163
+ areaStyle: {
164
+ color: '#757575',
165
+ color0: '#e9e9e9'
166
+ }
167
+ },
168
+
169
+ map: {
170
+ itemStyle: {
171
+ color: '#c7c7c7'
172
+ },
173
+ areaStyle: {
174
+ color: 'ddd'
175
+ },
176
+ label: {
177
+ color: '#c12e34'
178
+ }
179
+ },
180
+
181
+ graph: {
182
+ itemStyle: {
183
+ color: '#e9e9e9'
184
+ },
185
+ linkStyle: {
186
+ color: '#757575'
187
+ }
188
+ },
189
+
190
+ chord: {
191
+ padding: 4,
192
+ itemStyle: {
193
+ color: '#e9e9e9',
194
+ borderWidth: 1,
195
+ borderColor: 'rgba(128, 128, 128, 0.5)'
196
+ },
197
+ lineStyle: {
198
+ color: 'rgba(128, 128, 128, 0.5)'
199
+ },
200
+ areaStyle: {
201
+ color: '#757575'
202
+ }
203
+ },
204
+
205
+ gauge: {
206
+ axisLine: {
207
+ lineStyle: {
208
+ color: [
209
+ [0.2, '#b5b5b5'],
210
+ [0.8, '#757575'],
211
+ [1, '#5c5c5c']
212
+ ],
213
+ width: 8
214
+ }
215
+ }
216
+ }
217
+ };
218
+
219
+ echarts.registerTheme('gray', theme);
220
+ });
@@ -0,0 +1,222 @@
1
+ /*
2
+ * Licensed to the Apache Software Foundation (ASF) under one
3
+ * or more contributor license agreements. See the NOTICE file
4
+ * distributed with this work for additional information
5
+ * regarding copyright ownership. The ASF licenses this file
6
+ * to you under the Apache License, Version 2.0 (the
7
+ * "License"); you may not use this file except in compliance
8
+ * with the License. You may obtain a copy of the License at
9
+ *
10
+ * http://www.apache.org/licenses/LICENSE-2.0
11
+ *
12
+ * Unless required by applicable law or agreed to in writing,
13
+ * software distributed under the License is distributed on an
14
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15
+ * KIND, either express or implied. See the License for the
16
+ * specific language governing permissions and limitations
17
+ * under the License.
18
+ */
19
+
20
+ (function(root, factory) {
21
+ if (typeof define === 'function' && define.amd) {
22
+ // AMD. Register as an anonymous module.
23
+ define(['exports', 'echarts'], factory);
24
+ } else if (
25
+ typeof exports === 'object' &&
26
+ typeof exports.nodeName !== 'string'
27
+ ) {
28
+ // CommonJS
29
+ factory(exports, require('echarts/lib/echarts'));
30
+ } else {
31
+ // Browser globals
32
+ factory({}, root.echarts);
33
+ }
34
+ })(this, function(exports, echarts) {
35
+ var log = function(msg) {
36
+ if (typeof console !== 'undefined') {
37
+ console && console.error && console.error(msg);
38
+ }
39
+ };
40
+ if (!echarts) {
41
+ log('ECharts is not Loaded');
42
+ return;
43
+ }
44
+
45
+ var colorPalette = [
46
+ '#408829',
47
+ '#68a54a',
48
+ '#a9cba2',
49
+ '#86b379',
50
+ '#397b29',
51
+ '#8abb6f',
52
+ '#759c6a',
53
+ '#bfd3b7'
54
+ ];
55
+
56
+ var theme = {
57
+ color: colorPalette,
58
+
59
+ title: {
60
+ textStyle: {
61
+ fontWeight: 'normal',
62
+ color: '#408829'
63
+ }
64
+ },
65
+
66
+ visualMap: {
67
+ color: ['408829', '#a9cba2']
68
+ },
69
+
70
+ toolbox: {
71
+ color: ['#408829', '#408829', '#408829', '#408829']
72
+ },
73
+
74
+ tooltip: {
75
+ backgroundColor: 'rgba(0,0,0,0.5)',
76
+ axisPointer: {
77
+ // Axis indicator, coordinate trigger effective
78
+ type: 'line', // The default is a straight line: 'line' | 'shadow'
79
+ lineStyle: {
80
+ // Straight line indicator style settings
81
+ color: '#408829',
82
+ type: 'dashed'
83
+ },
84
+ crossStyle: {
85
+ color: '#408829'
86
+ },
87
+ shadowStyle: {
88
+ // Shadow indicator style settings
89
+ color: 'rgba(200,200,200,0.3)'
90
+ }
91
+ }
92
+ },
93
+
94
+ // Area scaling controller
95
+ dataZoom: {
96
+ dataBackgroundColor: '#eee', // Data background color
97
+ fillerColor: 'rgba(64,136,41,0.2)', // Fill the color
98
+ handleColor: '#408829' // Handle color
99
+ },
100
+
101
+ grid: {
102
+ borderWidth: 0
103
+ },
104
+
105
+ categoryAxis: {
106
+ axisLine: {
107
+ // Coordinate axis
108
+ lineStyle: {
109
+ // Property 'lineStyle' controls line styles
110
+ color: '#408829'
111
+ }
112
+ },
113
+ splitLine: {
114
+ // Separation line
115
+ lineStyle: {
116
+ // Property 'lineStyle' (see lineStyle) controls line styles
117
+ color: ['#eee']
118
+ }
119
+ }
120
+ },
121
+
122
+ valueAxis: {
123
+ axisLine: {
124
+ // Coordinate axis
125
+ lineStyle: {
126
+ // Property 'lineStyle' controls line styles
127
+ color: '#408829'
128
+ }
129
+ },
130
+ splitArea: {
131
+ show: true,
132
+ areaStyle: {
133
+ color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
134
+ }
135
+ },
136
+ splitLine: {
137
+ // Separation line
138
+ lineStyle: {
139
+ // Property 'lineStyle' (see lineStyle) controls line styles
140
+ color: ['#eee']
141
+ }
142
+ }
143
+ },
144
+
145
+ timeline: {
146
+ lineStyle: {
147
+ color: '#408829'
148
+ },
149
+ controlStyle: {
150
+ color: '#408829',
151
+ borderColor: '#408829'
152
+ }
153
+ },
154
+
155
+ candlestick: {
156
+ itemStyle: {
157
+ color: '#68a54a',
158
+ color0: '#a9cba2'
159
+ },
160
+ lineStyle: {
161
+ width: 1,
162
+ color: '#408829',
163
+ color0: '#86b379'
164
+ },
165
+ areaStyle: {
166
+ color: '#408829',
167
+ color0: '#bfd3b7'
168
+ }
169
+ },
170
+
171
+ graph: {
172
+ itemStyle: {
173
+ color: '#bfd3b7'
174
+ },
175
+ linkStyle: {
176
+ color: '#408829'
177
+ }
178
+ },
179
+
180
+ chord: {
181
+ padding: 4,
182
+ itemStyle: {
183
+ color: '#bfd3b7',
184
+ borderWidth: 1,
185
+ borderColor: 'rgba(128, 128, 128, 0.5)'
186
+ },
187
+ lineStyle: {
188
+ color: 'rgba(128, 128, 128, 0.5)'
189
+ },
190
+ areaStyle: {
191
+ color: '#408829'
192
+ }
193
+ },
194
+
195
+ map: {
196
+ itemStyle: {
197
+ color: '#ddd'
198
+ },
199
+ areaStyle: {
200
+ color: '#408829'
201
+ },
202
+ label: {
203
+ color: '#000'
204
+ }
205
+ },
206
+
207
+ gauge: {
208
+ axisLine: {
209
+ lineStyle: {
210
+ color: [
211
+ [0.2, '#86b379'],
212
+ [0.8, '#68a54a'],
213
+ [1, '#408829']
214
+ ],
215
+ width: 8
216
+ }
217
+ }
218
+ }
219
+ };
220
+
221
+ echarts.registerTheme('green', theme);
222
+ });
@@ -0,0 +1,263 @@
1
+ /*
2
+ * Licensed to the Apache Software Foundation (ASF) under one
3
+ * or more contributor license agreements. See the NOTICE file
4
+ * distributed with this work for additional information
5
+ * regarding copyright ownership. The ASF licenses this file
6
+ * to you under the Apache License, Version 2.0 (the
7
+ * "License"); you may not use this file except in compliance
8
+ * with the License. You may obtain a copy of the License at
9
+ *
10
+ * http://www.apache.org/licenses/LICENSE-2.0
11
+ *
12
+ * Unless required by applicable law or agreed to in writing,
13
+ * software distributed under the License is distributed on an
14
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15
+ * KIND, either express or implied. See the License for the
16
+ * specific language governing permissions and limitations
17
+ * under the License.
18
+ */
19
+
20
+ (function(root, factory) {
21
+ if (typeof define === 'function' && define.amd) {
22
+ // AMD. Register as an anonymous module.
23
+ define(['exports', 'echarts'], factory);
24
+ } else if (
25
+ typeof exports === 'object' &&
26
+ typeof exports.nodeName !== 'string'
27
+ ) {
28
+ // CommonJS
29
+ factory(exports, require('echarts/lib/echarts'));
30
+ } else {
31
+ // Browser globals
32
+ factory({}, root.echarts);
33
+ }
34
+ })(this, function(exports, echarts) {
35
+ var log = function(msg) {
36
+ if (typeof console !== 'undefined') {
37
+ console && console.error && console.error(msg);
38
+ }
39
+ };
40
+ if (!echarts) {
41
+ log('ECharts is not Loaded');
42
+ return;
43
+ }
44
+
45
+ var colorPalette = [
46
+ '#44B7D3',
47
+ '#E42B6D',
48
+ '#F4E24E',
49
+ '#FE9616',
50
+ '#8AED35',
51
+ '#ff69b4',
52
+ '#ba55d3',
53
+ '#cd5c5c',
54
+ '#ffa500',
55
+ '#40e0d0',
56
+ '#E95569',
57
+ '#ff6347',
58
+ '#7b68ee',
59
+ '#00fa9a',
60
+ '#ffd700',
61
+ '#6699FF',
62
+ '#ff6666',
63
+ '#3cb371',
64
+ '#b8860b',
65
+ '#30e0e0'
66
+ ];
67
+
68
+ var theme = {
69
+ color: colorPalette,
70
+
71
+ title: {
72
+ textStyle: {
73
+ fontWeight: 'normal',
74
+ color: '#8A826D'
75
+ }
76
+ },
77
+
78
+ dataRange: {
79
+ x: 'right',
80
+ y: 'center',
81
+ itemWidth: 5,
82
+ itemHeight: 25,
83
+ color: ['#E42B6D', '#F9AD96'],
84
+ text: ['High', 'Low'], // Text, default is numeric text
85
+ textStyle: {
86
+ color: '#8A826D' // Range text color
87
+ }
88
+ },
89
+
90
+ toolbox: {
91
+ color: ['#E95569', '#E95569', '#E95569', '#E95569'],
92
+ effectiveColor: '#ff4500',
93
+ itemGap: 8
94
+ },
95
+
96
+ tooltip: {
97
+ backgroundColor: 'rgba(138,130,109,0.7)', // Prompt background color, default is black with a transparency of 0.7
98
+ axisPointer: {
99
+ // Axis indicator, coordinate trigger effective
100
+ type: 'line', // The default is a straight line: 'line' | 'shadow'
101
+ lineStyle: {
102
+ // Straight line indicator style settings
103
+ color: '#6B6455',
104
+ type: 'dashed'
105
+ },
106
+ crossStyle: {
107
+ color: '#A6A299'
108
+ },
109
+ shadowStyle: {
110
+ // Shadow indicator style settings
111
+ color: 'rgba(200,200,200,0.3)'
112
+ }
113
+ }
114
+ },
115
+
116
+ // Area scaling controller
117
+ dataZoom: {
118
+ dataBackgroundColor: 'rgba(130,197,209,0.6)', // Data background color
119
+ fillerColor: 'rgba(233,84,105,0.1)', // Fill the color
120
+ handleColor: 'rgba(107,99,84,0.8)' // Handle color
121
+ },
122
+
123
+ grid: {
124
+ borderWidth: 0
125
+ },
126
+
127
+ categoryAxis: {
128
+ axisLine: {
129
+ // Coordinate axis
130
+ lineStyle: {
131
+ // Property 'lineStyle' controls line styles
132
+ color: '#6B6455'
133
+ }
134
+ },
135
+ splitLine: {
136
+ // separate line
137
+ show: false
138
+ }
139
+ },
140
+
141
+ valueAxis: {
142
+ axisLine: {
143
+ // Coordinate axis
144
+ show: true
145
+ },
146
+ splitArea: {
147
+ show: false
148
+ },
149
+ splitLine: {
150
+ // separate line
151
+ lineStyle: {
152
+ // Property 'lineStyle' controls line styles
153
+ color: ['#FFF'],
154
+ type: 'dashed'
155
+ }
156
+ }
157
+ },
158
+
159
+ polar: {
160
+ axisLine: {
161
+ // Coordinate axis
162
+ lineStyle: {
163
+ // // Property 'lineStyle' controls line styles
164
+ color: '#ddd'
165
+ }
166
+ },
167
+ splitArea: {
168
+ show: true,
169
+ areaStyle: {
170
+ color: ['rgba(250,250,250,0.2)', 'rgba(200,200,200,0.2)']
171
+ }
172
+ },
173
+ splitLine: {
174
+ lineStyle: {
175
+ color: '#ddd'
176
+ }
177
+ }
178
+ },
179
+
180
+ timeline: {
181
+ lineStyle: {
182
+ color: '#6B6455'
183
+ },
184
+ controlStyle: {
185
+ color: '#6B6455',
186
+ borderColor: '#6B6455'
187
+ }
188
+ },
189
+
190
+ line: {
191
+ smooth: true,
192
+ symbol: 'emptyCircle', // Inflection point graphic type
193
+ symbolSize: 3 // Inflection point graphic size
194
+ },
195
+
196
+ candlestick: {
197
+ itemStyle: {
198
+ color: '#e42B6d',
199
+ color0: '#44B7d3'
200
+ },
201
+ lineStyle: {
202
+ width: 1,
203
+ color: '#e42B6d',
204
+ color0: '#44B7d3'
205
+ },
206
+ areaStyle: {
207
+ color: '#fe994e',
208
+ color0: '#e42B6d'
209
+ }
210
+ },
211
+
212
+ map: {
213
+ itemStyle: {
214
+ color: '#6b6455'
215
+ },
216
+ areaStyle: {
217
+ color: '#ddd'
218
+ },
219
+ label: {
220
+ color: '#e42B6d'
221
+ }
222
+ },
223
+
224
+ graph: {
225
+ itemStyle: {
226
+ color: '#e42B6d'
227
+ },
228
+ linkStyle: {
229
+ color: '#6b6455'
230
+ }
231
+ },
232
+
233
+ chord: {
234
+ padding: 4,
235
+ itemStyle: {
236
+ color: '#e42B6d',
237
+ borderWidth: 1,
238
+ borderColor: 'rgba(128, 128, 128, 0.5)'
239
+ },
240
+ lineStyle: {
241
+ color: 'rgba(128, 128, 128, 0.5)'
242
+ },
243
+ areaStyle: {
244
+ color: '#6b6455'
245
+ }
246
+ },
247
+
248
+ gauge: {
249
+ axisLine: {
250
+ lineStyle: {
251
+ color: [
252
+ [0.2, '#44B7D3'],
253
+ [0.8, '#6B6455'],
254
+ [1, '#E42B6D']
255
+ ],
256
+ width: 8
257
+ }
258
+ }
259
+ }
260
+ };
261
+
262
+ echarts.registerTheme('helianthus', theme);
263
+ });