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,180 @@
|
|
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
|
+
'#b21ab4',
|
47
|
+
'#6f0099',
|
48
|
+
'#2a2073',
|
49
|
+
'#0b5ea8',
|
50
|
+
'#17aecc',
|
51
|
+
'#b3b3ff',
|
52
|
+
'#eb99ff',
|
53
|
+
'#fae6ff',
|
54
|
+
'#e6f2ff',
|
55
|
+
'#eeeeee'
|
56
|
+
];
|
57
|
+
|
58
|
+
var theme = {
|
59
|
+
color: colorPalette,
|
60
|
+
|
61
|
+
title: {
|
62
|
+
textStyle: {
|
63
|
+
fontWeight: 'normal',
|
64
|
+
color: '#00aecd'
|
65
|
+
}
|
66
|
+
},
|
67
|
+
|
68
|
+
visualMap: {
|
69
|
+
color: ['#00aecd', '#a2d4e6']
|
70
|
+
},
|
71
|
+
|
72
|
+
toolbox: {
|
73
|
+
color: ['#00aecd', '#00aecd', '#00aecd', '#00aecd']
|
74
|
+
},
|
75
|
+
|
76
|
+
tooltip: {
|
77
|
+
backgroundColor: 'rgba(0,0,0,0.5)',
|
78
|
+
axisPointer: {
|
79
|
+
// Axis indicator, coordinate trigger effective
|
80
|
+
type: 'line', // The default is a straight line: 'line' | 'shadow'
|
81
|
+
lineStyle: {
|
82
|
+
// Straight line indicator style settings
|
83
|
+
color: '#00aecd',
|
84
|
+
type: 'dashed'
|
85
|
+
},
|
86
|
+
crossStyle: {
|
87
|
+
color: '#00aecd'
|
88
|
+
},
|
89
|
+
shadowStyle: {
|
90
|
+
// Shadow indicator style settings
|
91
|
+
color: 'rgba(200,200,200,0.3)'
|
92
|
+
}
|
93
|
+
}
|
94
|
+
},
|
95
|
+
|
96
|
+
// Area scaling controller
|
97
|
+
dataZoom: {
|
98
|
+
dataBackgroundColor: '#eee', // Data background color
|
99
|
+
fillerColor: 'rgba(144,197,237,0.2)', // Fill the color
|
100
|
+
handleColor: '#00aecd' // Handle color
|
101
|
+
},
|
102
|
+
|
103
|
+
timeline: {
|
104
|
+
lineStyle: {
|
105
|
+
color: '#00aecd'
|
106
|
+
},
|
107
|
+
controlStyle: {
|
108
|
+
color: '#00aecd',
|
109
|
+
borderColor: '00aecd'
|
110
|
+
}
|
111
|
+
},
|
112
|
+
|
113
|
+
candlestick: {
|
114
|
+
itemStyle: {
|
115
|
+
color: '#00aecd',
|
116
|
+
color0: '#a2d4e6'
|
117
|
+
},
|
118
|
+
lineStyle: {
|
119
|
+
width: 1,
|
120
|
+
color: '#00aecd',
|
121
|
+
color0: '#a2d4e6'
|
122
|
+
},
|
123
|
+
areaStyle: {
|
124
|
+
color: '#b21ab4',
|
125
|
+
color0: '#0b5ea8'
|
126
|
+
}
|
127
|
+
},
|
128
|
+
|
129
|
+
chord: {
|
130
|
+
padding: 4,
|
131
|
+
itemStyle: {
|
132
|
+
color: '#b21ab4',
|
133
|
+
borderWidth: 1,
|
134
|
+
borderColor: 'rgba(128, 128, 128, 0.5)'
|
135
|
+
},
|
136
|
+
lineStyle: {
|
137
|
+
color: 'rgba(128, 128, 128, 0.5)'
|
138
|
+
},
|
139
|
+
areaStyle: {
|
140
|
+
color: '#0b5ea8'
|
141
|
+
}
|
142
|
+
},
|
143
|
+
|
144
|
+
graph: {
|
145
|
+
itemStyle: {
|
146
|
+
color: '#b21ab4'
|
147
|
+
},
|
148
|
+
linkStyle: {
|
149
|
+
color: '#2a2073'
|
150
|
+
}
|
151
|
+
},
|
152
|
+
|
153
|
+
map: {
|
154
|
+
itemStyle: {
|
155
|
+
color: '#c12e34'
|
156
|
+
},
|
157
|
+
areaStyle: {
|
158
|
+
color: '#ddd'
|
159
|
+
},
|
160
|
+
label: {
|
161
|
+
color: '#c12e34'
|
162
|
+
}
|
163
|
+
},
|
164
|
+
|
165
|
+
gauge: {
|
166
|
+
axisLine: {
|
167
|
+
lineStyle: {
|
168
|
+
color: [
|
169
|
+
[0.2, '#dddddd'],
|
170
|
+
[0.8, '#00aecd'],
|
171
|
+
[1, '#f5ccff']
|
172
|
+
],
|
173
|
+
width: 8
|
174
|
+
}
|
175
|
+
}
|
176
|
+
}
|
177
|
+
};
|
178
|
+
|
179
|
+
echarts.registerTheme('cool', theme);
|
180
|
+
});
|
@@ -0,0 +1,164 @@
|
|
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
|
+
var contrastColor = '#eee';
|
45
|
+
var axisCommon = function() {
|
46
|
+
return {
|
47
|
+
axisLine: {
|
48
|
+
lineStyle: {
|
49
|
+
color: contrastColor
|
50
|
+
}
|
51
|
+
},
|
52
|
+
axisTick: {
|
53
|
+
lineStyle: {
|
54
|
+
color: contrastColor
|
55
|
+
}
|
56
|
+
},
|
57
|
+
axisLabel: {
|
58
|
+
color: contrastColor
|
59
|
+
},
|
60
|
+
splitLine: {
|
61
|
+
lineStyle: {
|
62
|
+
type: 'dashed',
|
63
|
+
color: '#aaa'
|
64
|
+
}
|
65
|
+
},
|
66
|
+
splitArea: {
|
67
|
+
areaStyle: {
|
68
|
+
color: contrastColor
|
69
|
+
}
|
70
|
+
}
|
71
|
+
};
|
72
|
+
};
|
73
|
+
|
74
|
+
var colorPalette = [
|
75
|
+
'#00305a',
|
76
|
+
'#004b8d',
|
77
|
+
'#0074d9',
|
78
|
+
'#4192d9',
|
79
|
+
'#7abaf2',
|
80
|
+
'#99cce6',
|
81
|
+
'#d6ebf5',
|
82
|
+
'#eeeeee'
|
83
|
+
];
|
84
|
+
var theme = {
|
85
|
+
color: colorPalette,
|
86
|
+
backgroundColor: '#333',
|
87
|
+
tooltip: {
|
88
|
+
axisPointer: {
|
89
|
+
lineStyle: {
|
90
|
+
color: contrastColor
|
91
|
+
},
|
92
|
+
crossStyle: {
|
93
|
+
color: contrastColor
|
94
|
+
}
|
95
|
+
}
|
96
|
+
},
|
97
|
+
legend: {
|
98
|
+
textStyle: {
|
99
|
+
color: contrastColor
|
100
|
+
}
|
101
|
+
},
|
102
|
+
title: {
|
103
|
+
textStyle: {
|
104
|
+
color: contrastColor
|
105
|
+
}
|
106
|
+
},
|
107
|
+
toolbox: {
|
108
|
+
iconStyle: {
|
109
|
+
borderColor: contrastColor
|
110
|
+
}
|
111
|
+
},
|
112
|
+
|
113
|
+
// Area scaling controller
|
114
|
+
dataZoom: {
|
115
|
+
dataBackgroundColor: '#eee', // Data background color
|
116
|
+
fillerColor: 'rgba(200,200,200,0.2)', // Fill the color
|
117
|
+
handleColor: '#00305a' // Handle color
|
118
|
+
},
|
119
|
+
|
120
|
+
timeline: {
|
121
|
+
itemStyle: {
|
122
|
+
color: colorPalette[1]
|
123
|
+
},
|
124
|
+
lineStyle: {
|
125
|
+
color: contrastColor
|
126
|
+
},
|
127
|
+
controlStyle: {
|
128
|
+
color: contrastColor,
|
129
|
+
borderColor: contrastColor
|
130
|
+
},
|
131
|
+
label: {
|
132
|
+
color: contrastColor
|
133
|
+
}
|
134
|
+
},
|
135
|
+
|
136
|
+
timeAxis: axisCommon(),
|
137
|
+
logAxis: axisCommon(),
|
138
|
+
valueAxis: axisCommon(),
|
139
|
+
categoryAxis: axisCommon(),
|
140
|
+
|
141
|
+
line: {
|
142
|
+
symbol: 'circle'
|
143
|
+
},
|
144
|
+
graph: {
|
145
|
+
color: colorPalette
|
146
|
+
},
|
147
|
+
|
148
|
+
gauge: {
|
149
|
+
axisLine: {
|
150
|
+
lineStyle: {
|
151
|
+
color: [
|
152
|
+
[0.2, '#004b8d'],
|
153
|
+
[0.8, '#00305a'],
|
154
|
+
[1, '#7abaf2']
|
155
|
+
],
|
156
|
+
width: 8
|
157
|
+
}
|
158
|
+
}
|
159
|
+
}
|
160
|
+
};
|
161
|
+
|
162
|
+
theme.categoryAxis.splitLine.show = false;
|
163
|
+
echarts.registerTheme('dark-blue', theme);
|
164
|
+
});
|
@@ -0,0 +1,164 @@
|
|
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
|
+
var contrastColor = '#eee';
|
45
|
+
var axisCommon = function() {
|
46
|
+
return {
|
47
|
+
axisLine: {
|
48
|
+
lineStyle: {
|
49
|
+
color: contrastColor
|
50
|
+
}
|
51
|
+
},
|
52
|
+
axisTick: {
|
53
|
+
lineStyle: {
|
54
|
+
color: contrastColor
|
55
|
+
}
|
56
|
+
},
|
57
|
+
axisLabel: {
|
58
|
+
color: contrastColor
|
59
|
+
},
|
60
|
+
splitLine: {
|
61
|
+
lineStyle: {
|
62
|
+
type: 'dashed',
|
63
|
+
color: '#aaa'
|
64
|
+
}
|
65
|
+
},
|
66
|
+
splitArea: {
|
67
|
+
areaStyle: {
|
68
|
+
color: contrastColor
|
69
|
+
}
|
70
|
+
}
|
71
|
+
};
|
72
|
+
};
|
73
|
+
|
74
|
+
var colorPalette = [
|
75
|
+
'#458c6b',
|
76
|
+
'#f2da87',
|
77
|
+
'#d9a86c',
|
78
|
+
'#d94436',
|
79
|
+
'#a62424',
|
80
|
+
'#76bc9b',
|
81
|
+
'#cce6da',
|
82
|
+
'#eeeeee'
|
83
|
+
];
|
84
|
+
var theme = {
|
85
|
+
color: colorPalette,
|
86
|
+
backgroundColor: '#333',
|
87
|
+
tooltip: {
|
88
|
+
axisPointer: {
|
89
|
+
lineStyle: {
|
90
|
+
color: contrastColor
|
91
|
+
},
|
92
|
+
crossStyle: {
|
93
|
+
color: contrastColor
|
94
|
+
}
|
95
|
+
}
|
96
|
+
},
|
97
|
+
legend: {
|
98
|
+
textStyle: {
|
99
|
+
color: contrastColor
|
100
|
+
}
|
101
|
+
},
|
102
|
+
title: {
|
103
|
+
textStyle: {
|
104
|
+
color: contrastColor
|
105
|
+
}
|
106
|
+
},
|
107
|
+
toolbox: {
|
108
|
+
iconStyle: {
|
109
|
+
borderColor: contrastColor
|
110
|
+
}
|
111
|
+
},
|
112
|
+
|
113
|
+
// Area scaling controller
|
114
|
+
dataZoom: {
|
115
|
+
dataBackgroundColor: '#eee', // Data background color
|
116
|
+
fillerColor: 'rgba(200,200,200,0.2)', // Fill the color
|
117
|
+
handleColor: '#458c6b' // Handle color
|
118
|
+
},
|
119
|
+
|
120
|
+
timeline: {
|
121
|
+
itemStyle: {
|
122
|
+
color: colorPalette[1]
|
123
|
+
},
|
124
|
+
lineStyle: {
|
125
|
+
color: contrastColor
|
126
|
+
},
|
127
|
+
controlStyle: {
|
128
|
+
color: contrastColor,
|
129
|
+
borderColor: contrastColor
|
130
|
+
},
|
131
|
+
label: {
|
132
|
+
color: contrastColor
|
133
|
+
}
|
134
|
+
},
|
135
|
+
|
136
|
+
timeAxis: axisCommon(),
|
137
|
+
logAxis: axisCommon(),
|
138
|
+
valueAxis: axisCommon(),
|
139
|
+
categoryAxis: axisCommon(),
|
140
|
+
|
141
|
+
line: {
|
142
|
+
symbol: 'circle'
|
143
|
+
},
|
144
|
+
graph: {
|
145
|
+
color: colorPalette
|
146
|
+
},
|
147
|
+
|
148
|
+
gauge: {
|
149
|
+
axisLine: {
|
150
|
+
lineStyle: {
|
151
|
+
color: [
|
152
|
+
[0.2, '#f2da87'],
|
153
|
+
[0.8, '#458c6b'],
|
154
|
+
[1, '#a62424']
|
155
|
+
],
|
156
|
+
width: 8
|
157
|
+
}
|
158
|
+
}
|
159
|
+
}
|
160
|
+
};
|
161
|
+
|
162
|
+
theme.categoryAxis.splitLine.show = false;
|
163
|
+
echarts.registerTheme('dark-bold', theme);
|
164
|
+
});
|
@@ -0,0 +1,164 @@
|
|
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
|
+
var contrastColor = '#eee';
|
45
|
+
var axisCommon = function() {
|
46
|
+
return {
|
47
|
+
axisLine: {
|
48
|
+
lineStyle: {
|
49
|
+
color: contrastColor
|
50
|
+
}
|
51
|
+
},
|
52
|
+
axisTick: {
|
53
|
+
lineStyle: {
|
54
|
+
color: contrastColor
|
55
|
+
}
|
56
|
+
},
|
57
|
+
axisLabel: {
|
58
|
+
color: contrastColor
|
59
|
+
},
|
60
|
+
splitLine: {
|
61
|
+
lineStyle: {
|
62
|
+
type: 'dashed',
|
63
|
+
color: '#aaa'
|
64
|
+
}
|
65
|
+
},
|
66
|
+
splitArea: {
|
67
|
+
areaStyle: {
|
68
|
+
color: contrastColor
|
69
|
+
}
|
70
|
+
}
|
71
|
+
};
|
72
|
+
};
|
73
|
+
|
74
|
+
var colorPalette = [
|
75
|
+
'#52656b',
|
76
|
+
'#ff3b77',
|
77
|
+
'#a3cc00',
|
78
|
+
'#ffffff',
|
79
|
+
'#b8b89f',
|
80
|
+
'#ffccdb',
|
81
|
+
'#e5ff80',
|
82
|
+
'#f4f4f0'
|
83
|
+
];
|
84
|
+
var theme = {
|
85
|
+
color: colorPalette,
|
86
|
+
backgroundColor: '#333',
|
87
|
+
tooltip: {
|
88
|
+
axisPointer: {
|
89
|
+
lineStyle: {
|
90
|
+
color: contrastColor
|
91
|
+
},
|
92
|
+
crossStyle: {
|
93
|
+
color: contrastColor
|
94
|
+
}
|
95
|
+
}
|
96
|
+
},
|
97
|
+
legend: {
|
98
|
+
textStyle: {
|
99
|
+
color: contrastColor
|
100
|
+
}
|
101
|
+
},
|
102
|
+
title: {
|
103
|
+
textStyle: {
|
104
|
+
color: contrastColor
|
105
|
+
}
|
106
|
+
},
|
107
|
+
toolbox: {
|
108
|
+
iconStyle: {
|
109
|
+
borderColor: contrastColor
|
110
|
+
}
|
111
|
+
},
|
112
|
+
|
113
|
+
// Area scaling controller
|
114
|
+
dataZoom: {
|
115
|
+
dataBackgroundColor: '#eee', // Data background color
|
116
|
+
fillerColor: 'rgba(200,200,200,0.2)', // Fill the color
|
117
|
+
handleColor: '#52656b' // Handle color
|
118
|
+
},
|
119
|
+
|
120
|
+
timeline: {
|
121
|
+
itemStyle: {
|
122
|
+
color: colorPalette[1]
|
123
|
+
},
|
124
|
+
lineStyle: {
|
125
|
+
color: contrastColor
|
126
|
+
},
|
127
|
+
controlStyle: {
|
128
|
+
color: contrastColor,
|
129
|
+
borderColor: contrastColor
|
130
|
+
},
|
131
|
+
label: {
|
132
|
+
color: contrastColor
|
133
|
+
}
|
134
|
+
},
|
135
|
+
|
136
|
+
timeAxis: axisCommon(),
|
137
|
+
logAxis: axisCommon(),
|
138
|
+
valueAxis: axisCommon(),
|
139
|
+
categoryAxis: axisCommon(),
|
140
|
+
|
141
|
+
line: {
|
142
|
+
symbol: 'circle'
|
143
|
+
},
|
144
|
+
graph: {
|
145
|
+
color: colorPalette
|
146
|
+
},
|
147
|
+
|
148
|
+
gauge: {
|
149
|
+
axisLine: {
|
150
|
+
lineStyle: {
|
151
|
+
color: [
|
152
|
+
[0.2, '#ff3b77'],
|
153
|
+
[0.8, '#52656b'],
|
154
|
+
[1, '#b8b89f']
|
155
|
+
],
|
156
|
+
width: 8
|
157
|
+
}
|
158
|
+
}
|
159
|
+
}
|
160
|
+
};
|
161
|
+
|
162
|
+
theme.categoryAxis.splitLine.show = false;
|
163
|
+
echarts.registerTheme('dark-digerati', theme);
|
164
|
+
});
|