realchart 0.9.8 → 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.
- package/dist/index.d.ts +65 -16
- package/dist/index.esm.js +2 -2
- package/dist/index.js +2 -2
- package/dist/realchart-style.css +98 -80
- package/package.json +1 -1
package/dist/realchart-style.css
CHANGED
|
@@ -23,86 +23,86 @@
|
|
|
23
23
|
|
|
24
24
|
/** palette */
|
|
25
25
|
.rct-root {
|
|
26
|
-
--color-1: #
|
|
27
|
-
--color-2: #
|
|
28
|
-
--color-3: #
|
|
29
|
-
--color-4: #
|
|
30
|
-
--color-5: #
|
|
31
|
-
--color-6: #
|
|
32
|
-
--color-7: #
|
|
33
|
-
--color-8: #
|
|
34
|
-
--color-9: #
|
|
35
|
-
--color-10: #
|
|
36
|
-
--color-11: #
|
|
37
|
-
--color-12: #
|
|
38
|
-
}
|
|
39
|
-
.rct-root[data-palette=
|
|
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: #
|
|
42
|
-
--color-3: #
|
|
43
|
-
--color-4: #
|
|
44
|
-
--color-5: #
|
|
45
|
-
--color-6: #
|
|
46
|
-
--color-7: #
|
|
47
|
-
--color-8: #
|
|
48
|
-
--color-9: #
|
|
49
|
-
--color-10: #
|
|
50
|
-
--color-11: #
|
|
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=
|
|
54
|
-
--color-1: #
|
|
55
|
-
--color-2: #
|
|
56
|
-
--color-3: #
|
|
57
|
-
--color-4: #
|
|
58
|
-
--color-5: #
|
|
59
|
-
--color-6: #
|
|
60
|
-
--color-7: #
|
|
61
|
-
--color-8: #
|
|
62
|
-
--color-9: #
|
|
63
|
-
--color-10: #
|
|
64
|
-
--color-11: #
|
|
65
|
-
--color-12: #
|
|
66
|
-
}
|
|
67
|
-
.rct-root[data-palette=
|
|
68
|
-
--color-1: #
|
|
69
|
-
--color-2: #
|
|
70
|
-
--color-3: #
|
|
71
|
-
--color-4: #
|
|
72
|
-
--color-5: #
|
|
73
|
-
--color-6: #
|
|
74
|
-
--color-7: #
|
|
75
|
-
--color-8: #
|
|
76
|
-
--color-9: #
|
|
77
|
-
--color-10: #
|
|
78
|
-
--color-11: #
|
|
79
|
-
--color-12: #
|
|
80
|
-
}
|
|
81
|
-
.rct-root[data-palette=
|
|
82
|
-
--color-1: #
|
|
83
|
-
--color-2: #
|
|
84
|
-
--color-3: #
|
|
85
|
-
--color-4: #
|
|
86
|
-
--color-5: #
|
|
87
|
-
--color-6: #
|
|
88
|
-
--color-7: #
|
|
89
|
-
--color-8: #
|
|
90
|
-
--color-9: #
|
|
91
|
-
--color-10: #
|
|
92
|
-
--color-11: #
|
|
93
|
-
--color-12: #
|
|
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=
|
|
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,
|
|
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-
|
|
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: #
|
|
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-
|
|
157
|
+
--rct-body-background-stroke: none;
|
|
158
158
|
|
|
159
159
|
--rct-axis-title-fill: #fff;
|
|
160
|
-
--rct-axis-line-stroke: #
|
|
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-
|
|
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
|
-
|
|
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-
|
|
264
|
-
stroke: var(--rct-
|
|
276
|
+
.rct-body-background {
|
|
277
|
+
stroke: var(--rct-body-background-stroke);
|
|
265
278
|
fill: none;
|
|
266
279
|
}
|
|
267
|
-
.rct-
|
|
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: #
|
|
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:
|
|
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:
|
|
468
|
+
fill-opacity: 1;
|
|
456
469
|
}
|
|
457
470
|
.rct-bar-series .rct-point[data-focus] {
|
|
458
471
|
stroke: var(--rct-focus-border);
|
|
@@ -856,3 +869,8 @@
|
|
|
856
869
|
stroke: none;
|
|
857
870
|
fill: #fff;
|
|
858
871
|
}
|
|
872
|
+
|
|
873
|
+
/** zoom tracker */
|
|
874
|
+
.rct-zoom-tracker {
|
|
875
|
+
fill: #0044ff30;
|
|
876
|
+
}
|