rails_charts 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/MIT-LICENSE +20 -0
- data/README.md +487 -0
- data/Rakefile +3 -0
- data/lib/rails_charts/area_chart.rb +31 -0
- data/lib/rails_charts/bar_chart.rb +25 -0
- data/lib/rails_charts/base_chart.rb +123 -0
- data/lib/rails_charts/calendar_chart.rb +36 -0
- data/lib/rails_charts/candlestick_chart.rb +25 -0
- data/lib/rails_charts/custom_chart.rb +14 -0
- data/lib/rails_charts/donut_chart.rb +36 -0
- data/lib/rails_charts/engine.rb +33 -0
- data/lib/rails_charts/funnel_chart.rb +30 -0
- data/lib/rails_charts/gauge_chart.rb +30 -0
- data/lib/rails_charts/helpers.rb +83 -0
- data/lib/rails_charts/javascript.rb +17 -0
- data/lib/rails_charts/line_chart.rb +78 -0
- data/lib/rails_charts/parallel_chart.rb +30 -0
- data/lib/rails_charts/pie_chart.rb +55 -0
- data/lib/rails_charts/radar_chart.rb +38 -0
- data/lib/rails_charts/ruby_ext.rb +28 -0
- data/lib/rails_charts/sankey_chart.rb +31 -0
- data/lib/rails_charts/scatter_chart.rb +34 -0
- data/lib/rails_charts/stacked_bar_chart.rb +13 -0
- data/lib/rails_charts/version.rb +3 -0
- data/lib/rails_charts.rb +43 -0
- data/vendor/assets/rails_charts/echarts.min.js +45 -0
- data/vendor/assets/rails_charts/extension/bmap.js +413 -0
- data/vendor/assets/rails_charts/extension/bmap.js.map +1 -0
- data/vendor/assets/rails_charts/extension/bmap.min.js +22 -0
- data/vendor/assets/rails_charts/extension/dataTool.js +436 -0
- data/vendor/assets/rails_charts/extension/dataTool.js.map +1 -0
- data/vendor/assets/rails_charts/extension/dataTool.min.js +22 -0
- data/vendor/assets/rails_charts/i18n/langCS-obj.js +172 -0
- data/vendor/assets/rails_charts/i18n/langCS.js +168 -0
- data/vendor/assets/rails_charts/i18n/langDE-obj.js +172 -0
- data/vendor/assets/rails_charts/i18n/langDE.js +168 -0
- data/vendor/assets/rails_charts/i18n/langEN-obj.js +173 -0
- data/vendor/assets/rails_charts/i18n/langEN.js +169 -0
- data/vendor/assets/rails_charts/i18n/langES-obj.js +111 -0
- data/vendor/assets/rails_charts/i18n/langES.js +107 -0
- data/vendor/assets/rails_charts/i18n/langFI-obj.js +111 -0
- data/vendor/assets/rails_charts/i18n/langFI.js +107 -0
- data/vendor/assets/rails_charts/i18n/langFR-obj.js +173 -0
- data/vendor/assets/rails_charts/i18n/langFR.js +169 -0
- data/vendor/assets/rails_charts/i18n/langIT-obj.js +173 -0
- data/vendor/assets/rails_charts/i18n/langIT.js +169 -0
- data/vendor/assets/rails_charts/i18n/langJA-obj.js +173 -0
- data/vendor/assets/rails_charts/i18n/langJA.js +169 -0
- data/vendor/assets/rails_charts/i18n/langKO-obj.js +173 -0
- data/vendor/assets/rails_charts/i18n/langKO.js +169 -0
- data/vendor/assets/rails_charts/i18n/langPL-obj.js +173 -0
- data/vendor/assets/rails_charts/i18n/langPL.js +169 -0
- data/vendor/assets/rails_charts/i18n/langPT-br-obj.js +174 -0
- data/vendor/assets/rails_charts/i18n/langPT-br.js +170 -0
- data/vendor/assets/rails_charts/i18n/langRO-obj.js +173 -0
- data/vendor/assets/rails_charts/i18n/langRO.js +169 -0
- data/vendor/assets/rails_charts/i18n/langRU-obj.js +174 -0
- data/vendor/assets/rails_charts/i18n/langRU.js +170 -0
- data/vendor/assets/rails_charts/i18n/langSI-obj.js +172 -0
- data/vendor/assets/rails_charts/i18n/langSI.js +168 -0
- data/vendor/assets/rails_charts/i18n/langTH-obj.js +111 -0
- data/vendor/assets/rails_charts/i18n/langTH.js +107 -0
- data/vendor/assets/rails_charts/i18n/langZH-obj.js +168 -0
- data/vendor/assets/rails_charts/i18n/langZH.js +164 -0
- data/vendor/assets/rails_charts/theme/azul.js +163 -0
- data/vendor/assets/rails_charts/theme/bee-inspired.js +178 -0
- data/vendor/assets/rails_charts/theme/blue.js +178 -0
- data/vendor/assets/rails_charts/theme/caravan.js +178 -0
- data/vendor/assets/rails_charts/theme/carp.js +163 -0
- data/vendor/assets/rails_charts/theme/cool.js +180 -0
- data/vendor/assets/rails_charts/theme/dark-blue.js +164 -0
- data/vendor/assets/rails_charts/theme/dark-bold.js +164 -0
- data/vendor/assets/rails_charts/theme/dark-digerati.js +164 -0
- data/vendor/assets/rails_charts/theme/dark-fresh-cut.js +164 -0
- data/vendor/assets/rails_charts/theme/dark-mushroom.js +164 -0
- data/vendor/assets/rails_charts/theme/dark.js +224 -0
- data/vendor/assets/rails_charts/theme/eduardo.js +178 -0
- data/vendor/assets/rails_charts/theme/forest.js +163 -0
- data/vendor/assets/rails_charts/theme/fresh-cut.js +163 -0
- data/vendor/assets/rails_charts/theme/fruit.js +178 -0
- data/vendor/assets/rails_charts/theme/gray.js +220 -0
- data/vendor/assets/rails_charts/theme/green.js +222 -0
- data/vendor/assets/rails_charts/theme/helianthus.js +263 -0
- data/vendor/assets/rails_charts/theme/infographic.js +236 -0
- data/vendor/assets/rails_charts/theme/inspired.js +163 -0
- data/vendor/assets/rails_charts/theme/jazz.js +163 -0
- data/vendor/assets/rails_charts/theme/london.js +163 -0
- data/vendor/assets/rails_charts/theme/macarons.js +240 -0
- data/vendor/assets/rails_charts/theme/macarons2.js +249 -0
- data/vendor/assets/rails_charts/theme/mint.js +155 -0
- data/vendor/assets/rails_charts/theme/red-velvet.js +163 -0
- data/vendor/assets/rails_charts/theme/red.js +225 -0
- data/vendor/assets/rails_charts/theme/roma.js +119 -0
- data/vendor/assets/rails_charts/theme/royal.js +163 -0
- data/vendor/assets/rails_charts/theme/sakura.js +140 -0
- data/vendor/assets/rails_charts/theme/shine.js +177 -0
- data/vendor/assets/rails_charts/theme/tech-blue.js +180 -0
- data/vendor/assets/rails_charts/theme/vintage.js +63 -0
- 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
|
+
});
|