realchart 0.9.7 → 0.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -23,86 +23,86 @@
23
23
 
24
24
  /** palette */
25
25
  .rct-root {
26
- --color-1: #6b76f2;
27
- --color-2: #00d3e4;
28
- --color-3: #fe3ea5;
29
- --color-4: #ffd938;
30
- --color-5: #8650cc;
31
- --color-6: #e30922;
32
- --color-7: #00E272;
33
- --color-8: #FF7300;
34
- --color-9: #5948ff;
35
- --color-10: #e700fe;
36
- --color-11: #00b8ac;
37
- --color-12: #2da0f9;
38
- }
39
- .rct-root[data-palette='gray'] {
26
+ --color-1: #0097e2;
27
+ --color-2: #5eb3e4;
28
+ --color-3: #ff5c35;
29
+ --color-4: #ff9f00;
30
+ --color-5: #ffd938;
31
+ --color-6: #00ac69;
32
+ --color-7: #91cc39;
33
+ --color-8: #8fc6a9;
34
+ --color-9: #c45db9;
35
+ --color-10: #ef5e99;
36
+ --color-11: #afa4c6;
37
+ --color-12: #5b63aa;
38
+ }
39
+ .rct-root[data-palette="gray"] {
40
40
  --color-1: #464646;
41
- --color-2: #61666A;
42
- --color-3: #6F6F6D;
43
- --color-4: #82898F;
44
- --color-5: #8D8D8B;
45
- --color-6: #9EA7A6;
46
- --color-7: #ACABA7;
47
- --color-8: #BCBCBC;
48
- --color-9: #C5C9CA;
49
- --color-10: #D9D4CE;
50
- --color-11: #DEDEDE;
41
+ --color-2: #61666a;
42
+ --color-3: #6f6f6d;
43
+ --color-4: #82898f;
44
+ --color-5: #8d8d8b;
45
+ --color-6: #9ea7a6;
46
+ --color-7: #acaba7;
47
+ --color-8: #bcbcbc;
48
+ --color-9: #c5c9ca;
49
+ --color-10: #d9d4ce;
50
+ --color-11: #dedede;
51
51
  --color-12: #e8ecef;
52
52
  }
53
- .rct-root[data-palette='warm'] {
54
- --color-1: #CCAACB;
55
- --color-2: #8FC9CA;
56
- --color-3: #97C1A9;
57
- --color-4: #F3B0C2;
58
- --color-5: #FFC7A2;
59
- --color-6: #D97872;
60
- --color-7: #8BA3C5;
61
- --color-8: #DC97AA;
62
- --color-9: #9C9CC2;
63
- --color-10: #B7CADB;
64
- --color-11: #C7C19D;
65
- --color-12: #FBE693;
66
- }
67
- .rct-root[data-palette='cool'] {
68
- --color-1: #EB455F;
69
- --color-2: #FFD49C;
70
- --color-3: #A4CADD;
71
- --color-4: #3E4977;
72
- --color-5: #FAAB78;
73
- --color-6: #BFACE2;
74
- --color-7: #A0BCC2;
75
- --color-8: #FF7396;
76
- --color-9: #6DC7C9;
77
- --color-10: #7895CB;
78
- --color-11: #FEA1A1;
79
- --color-12: #90C8AC;
80
- }
81
- .rct-root[data-palette='forest'] {
82
- --color-1: #FFB94A;
83
- --color-2: #94CFD3;
84
- --color-3: #1B9C85;
85
- --color-4: #7FB47E;
86
- --color-5: #9AA77B;
87
- --color-6: #FBD872;
88
- --color-7: #A4C1AD;
89
- --color-8: #EAD9A7;
90
- --color-9: #7A9083;
91
- --color-10: #7FBCAA;
92
- --color-11: #B6BA99;
93
- --color-12: #4D6166;
53
+ .rct-root[data-palette="warm"] {
54
+ --color-1: #ccaacb;
55
+ --color-2: #8fc9ca;
56
+ --color-3: #97c1a9;
57
+ --color-4: #f3b0c2;
58
+ --color-5: #ffc7a2;
59
+ --color-6: #d97872;
60
+ --color-7: #8ba3c5;
61
+ --color-8: #dc97aa;
62
+ --color-9: #9c9cc2;
63
+ --color-10: #b7cadb;
64
+ --color-11: #c7c19d;
65
+ --color-12: #fbe693;
66
+ }
67
+ .rct-root[data-palette="cool"] {
68
+ --color-1: #eb455f;
69
+ --color-2: #ffd49c;
70
+ --color-3: #a4cadd;
71
+ --color-4: #3e4977;
72
+ --color-5: #faab78;
73
+ --color-6: #bface2;
74
+ --color-7: #a0bcc2;
75
+ --color-8: #ff7396;
76
+ --color-9: #6dc7c9;
77
+ --color-10: #7895cb;
78
+ --color-11: #fea1a1;
79
+ --color-12: #90c8ac;
80
+ }
81
+ .rct-root[data-palette="forest"] {
82
+ --color-1: #666d4d;
83
+ --color-2: #7f736c;
84
+ --color-3: #a9a389;
85
+ --color-4: #d0b081;
86
+ --color-5: #8da34e;
87
+ --color-6: #4f5d3a;
88
+ --color-7: #9d7448;
89
+ --color-8: #a7afa2;
90
+ --color-9: #9fa871;
91
+ --color-10: #656146;
92
+ --color-11: #8d877b;
93
+ --color-12: #422c1e;
94
94
  }
95
95
 
96
96
  /** theme */
97
97
  .rct-control {
98
98
  --rct-background: none;
99
99
  }
100
- .rct-control[data-theme='dark'] {
100
+ .rct-control[data-theme="dark"] {
101
101
  --rct-background: black;
102
102
  }
103
103
 
104
104
  .rct-root {
105
- --rct-font-family: AppleSDGothicNeo-Light, 'HelveticaNeue', 'Malgun Gothic', '맑은 고딕', sans-serif;
105
+ --rct-font-family: AppleSDGothicNeo-Light, "HelveticaNeue", "Malgun Gothic", "맑은 고딕", sans-serif;
106
106
  --rct-font-size: 16px;
107
107
 
108
108
  --rct-focus-border: red;
@@ -111,7 +111,7 @@
111
111
  --rct-title-fill: #333;
112
112
  --rct-subtitle-fill: #333;
113
113
 
114
- --rct-plot-background-stroke: #ddd;
114
+ --rct-body-background-stroke: none;
115
115
 
116
116
  --rct-axis-title-fill: #333;
117
117
  --rct-axis-line-stroke: #aaa;
@@ -130,7 +130,7 @@
130
130
  --rct-point-label-font-size: 0.8em;
131
131
  --rct-point-label-font-weight: bold;
132
132
  --rct-point-label-stroke: none;
133
- --rct-point-label-fill: #333;
133
+ --rct-point-label-fill: #777;
134
134
 
135
135
  --rct-credits-fill: #777;
136
136
 
@@ -154,10 +154,10 @@
154
154
  --rct-title-fill: #fff;
155
155
  --rct-subtitle-fill: #fff;
156
156
 
157
- --rct-plot-background-stroke: #ccc;
157
+ --rct-body-background-stroke: none;
158
158
 
159
159
  --rct-axis-title-fill: #fff;
160
- --rct-axis-line-stroke: #ddd;
160
+ --rct-axis-line-stroke: #1e1e1e;
161
161
  --rct-axis-tick-stroke: #fff;
162
162
  --rct-axis-label-fill: #fff;
163
163
  --rct-axis-grid-line-stroke: #ddd;
@@ -200,13 +200,25 @@
200
200
  .rct-label-dark {
201
201
  fill: black;
202
202
  }
203
- .rct-label-bright {
203
+ .rct-label-light {
204
204
  fill: white;
205
205
  }
206
206
  .rct-label-background {
207
207
  fill: lightgray;
208
208
  }
209
209
 
210
+ /** button */
211
+ .rct-button-background {
212
+ padding: 2px 4px;
213
+ rx: 5px;
214
+ fill: #e0e0e0;
215
+ stroke: #c0c0c0;
216
+ }
217
+ .rct-button {
218
+ fill: #333;
219
+ font-size: 0.9em;
220
+ }
221
+
210
222
  /** background */
211
223
  .rct-background {
212
224
  fill: none;
@@ -239,10 +251,11 @@
239
251
  /** legend */
240
252
  .rct-legend {
241
253
  stroke: none;
242
- fill: none;
243
- padding: 4px;
254
+ padding: 3px 6px;
244
255
  }
245
256
  .rct-legend-background {
257
+ fill: #c4c4c430;
258
+ rx: 7px;
246
259
  stroke: var(--rct-legend-background-stroke);
247
260
  }
248
261
  .rct-legend-item {
@@ -260,11 +273,11 @@
260
273
  }
261
274
 
262
275
  /** plot area */
263
- .rct-plot-background {
264
- stroke: var(--rct-plot-background-stroke);
276
+ .rct-body-background {
277
+ stroke: var(--rct-body-background-stroke);
265
278
  fill: none;
266
279
  }
267
- .rct-plot-background[data-polar] {
280
+ .rct-body-background[data-polar] {
268
281
  stroke: none;
269
282
  }
270
283
 
@@ -297,7 +310,7 @@
297
310
  stroke-width: var(--rct-axis-grid-line-stroke-width);
298
311
  }
299
312
  .rct-axis-break {
300
- stroke: #777;
313
+ stroke: #aaa;
301
314
  fill: white;
302
315
  fill-opacity: 0.9;
303
316
  }
@@ -322,7 +335,7 @@
322
335
  stroke: #ccc;
323
336
  }
324
337
  .rct-polar-yaxis-line {
325
- stroke: red;
338
+ stroke: #afafaf;
326
339
  }
327
340
  .rct-polar-yaxis-grid-line {
328
341
  stroke: #0000ff20;
@@ -452,7 +465,7 @@
452
465
 
453
466
  /** bar series */
454
467
  .rct-bar-series {
455
- fill-opacity: 0.85;
468
+ fill-opacity: 1;
456
469
  }
457
470
  .rct-bar-series .rct-point[data-focus] {
458
471
  stroke: var(--rct-focus-border);
@@ -681,10 +694,15 @@
681
694
  }
682
695
 
683
696
  /** gauge */
684
- .rct-gauge-background {
697
+ .rct-gauge-pane {
685
698
  fill: none;
686
699
  }
687
700
 
701
+ /** gauge group */
702
+ .rct-gauge-group {
703
+ padding: 10px;
704
+ }
705
+
688
706
  /** circle gauge */
689
707
  .rct-circle-gauge-back {
690
708
  fill: var(--rct-circle-gauge-back-fill);
@@ -811,6 +829,14 @@
811
829
  fill: #333;
812
830
  }
813
831
 
832
+ /** bullet gauge group */
833
+ .rct-bullet-gauge-group {
834
+ padding: 10px;
835
+ }
836
+ .rct-bullet-gauge-group-label {
837
+ font-size: 1.5em;
838
+ }
839
+
814
840
  /** tooltip */
815
841
  .rct-tooltip {
816
842
  pointer-events: none;
@@ -843,3 +869,8 @@
843
869
  stroke: none;
844
870
  fill: #fff;
845
871
  }
872
+
873
+ /** zoom tracker */
874
+ .rct-zoom-tracker {
875
+ fill: #0044ff30;
876
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "realchart",
3
- "version": "0.9.7",
3
+ "version": "0.9.9",
4
4
  "description": "Wooritech charting library",
5
5
  "main": "./dist/index",
6
6
  "author": {