@semcore/d3-chart 2.11.0 → 2.12.0
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/CHANGELOG.md +12 -0
- package/lib/cjs/Area.js +10 -10
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +9 -9
- package/lib/cjs/Bubble.js +11 -11
- package/lib/cjs/Donut.js +8 -8
- package/lib/cjs/Dots.js +10 -10
- package/lib/cjs/HorizontalBar.js +9 -9
- package/lib/cjs/Hover.js +4 -4
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +4 -4
- package/lib/cjs/Radar.js +87 -52
- package/lib/cjs/Radar.js.map +1 -1
- package/lib/cjs/RadialTree.js +13 -13
- package/lib/cjs/ReferenceLine.js +10 -10
- package/lib/cjs/ScatterPlot.js +8 -8
- package/lib/cjs/Tooltip.js +9 -9
- package/lib/cjs/Venn.js +8 -8
- package/lib/cjs/a11y/PlotA11yModule.js +3 -3
- package/lib/cjs/a11y/PlotA11yView.js +4 -4
- package/lib/cjs/types/Radar.js.map +1 -1
- package/lib/es6/Area.js +10 -10
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +9 -9
- package/lib/es6/Bubble.js +11 -11
- package/lib/es6/Donut.js +8 -8
- package/lib/es6/Dots.js +10 -10
- package/lib/es6/HorizontalBar.js +9 -9
- package/lib/es6/Hover.js +4 -4
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +4 -4
- package/lib/es6/Radar.js +87 -52
- package/lib/es6/Radar.js.map +1 -1
- package/lib/es6/RadialTree.js +13 -13
- package/lib/es6/ReferenceLine.js +10 -10
- package/lib/es6/ScatterPlot.js +8 -8
- package/lib/es6/Tooltip.js +9 -9
- package/lib/es6/Venn.js +8 -8
- package/lib/es6/a11y/PlotA11yModule.js +3 -3
- package/lib/es6/a11y/PlotA11yView.js +4 -4
- package/lib/es6/types/Radar.js.map +1 -1
- package/lib/types/types/Radar.d.ts +7 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [2.12.0] - 2023-03-16
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- Add `angleOffset` parameter to `Radar` chart.
|
|
10
|
+
|
|
11
|
+
## [2.11.1] - 2023-03-16
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Version patch update due to children dependencies update (`@semcore/animation` [1.9.3 ~> 1.9.4], `@semcore/utils` [3.47.2 ~> 3.47.3]).
|
|
16
|
+
|
|
5
17
|
## [2.11.0] - 2023-03-13
|
|
6
18
|
|
|
7
19
|
### Changed
|
package/lib/cjs/Area.js
CHANGED
|
@@ -42,19 +42,19 @@ var style = (
|
|
|
42
42
|
/*__reshadow_css_start__*/
|
|
43
43
|
_core.sstyled.insert(
|
|
44
44
|
/*__inner_css_start__*/
|
|
45
|
-
".
|
|
45
|
+
".___SArea_1872v_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1872v_gg_.__color_1872v_gg_{fill:var(--color_1872v)}.___SArea_1872v_gg_.__transparent_1872v_gg_{opacity:.3}.___SAreaLine_1872v_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1872v_gg_.__color_1872v_gg_{stroke:var(--color_1872v)}.___SAreaLine_1872v_gg_.__transparent_1872v_gg_{opacity:.3}.___SAreaLine_1872v_gg_,.___SArea_1872v_gg_{transition-property:d;transition-duration:var(--duration_1872v);transition-timing-function:ease-in-out}.___SNull_1872v_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1872v_gg_.__hide_1872v_gg_{display:none}"
|
|
46
46
|
/*__inner_css_end__*/
|
|
47
|
-
, "
|
|
47
|
+
, "1872v_gg_")
|
|
48
48
|
/*__reshadow_css_end__*/
|
|
49
49
|
, {
|
|
50
|
-
"__SArea": "
|
|
51
|
-
"_color": "
|
|
52
|
-
"--color": "--
|
|
53
|
-
"_transparent": "
|
|
54
|
-
"__SAreaLine": "
|
|
55
|
-
"--duration": "--
|
|
56
|
-
"__SNull": "
|
|
57
|
-
"_hide": "
|
|
50
|
+
"__SArea": "___SArea_1872v_gg_",
|
|
51
|
+
"_color": "__color_1872v_gg_",
|
|
52
|
+
"--color": "--color_1872v",
|
|
53
|
+
"_transparent": "__transparent_1872v_gg_",
|
|
54
|
+
"__SAreaLine": "___SAreaLine_1872v_gg_",
|
|
55
|
+
"--duration": "--duration_1872v",
|
|
56
|
+
"__SNull": "___SNull_1872v_gg_",
|
|
57
|
+
"_hide": "__hide_1872v_gg_"
|
|
58
58
|
});
|
|
59
59
|
|
|
60
60
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Axis.js
CHANGED
|
@@ -36,23 +36,23 @@ var style = (
|
|
|
36
36
|
/*__reshadow_css_start__*/
|
|
37
37
|
_core.sstyled.insert(
|
|
38
38
|
/*__inner_css_start__*/
|
|
39
|
-
".
|
|
39
|
+
".___SAxis_1am9k_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1am9k_gg_.__hide_1am9k_gg_,.___STick_1am9k_gg_.__hide_1am9k_gg_{display:none}.___STick_1am9k_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1am9k_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1am9k_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1am9k)}.___STitle_1am9k_gg_._position_top_1am9k_gg_{text-anchor:middle}.___STitle_1am9k_gg_._position_bottom_1am9k_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1am9k_gg_._position_left_1am9k_gg_,.___STitle_1am9k_gg_._position_right_1am9k_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_1am9k_gg_._position_top_1am9k_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1am9k_gg_._position_bottom_1am9k_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1am9k_gg_._position_right_1am9k_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1am9k_gg_._position_left_1am9k_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1am9k_gg_._position_custom_0_1am9k_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1am9k_gg_._position_custom_1_1am9k_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
|
|
40
40
|
/*__inner_css_end__*/
|
|
41
|
-
, "
|
|
41
|
+
, "1am9k_gg_")
|
|
42
42
|
/*__reshadow_css_end__*/
|
|
43
43
|
, {
|
|
44
|
-
"__SAxis": "
|
|
45
|
-
"_hide": "
|
|
46
|
-
"__STick": "
|
|
47
|
-
"__SGrid": "
|
|
48
|
-
"__STitle": "
|
|
49
|
-
"--transform-origin": "--transform-
|
|
50
|
-
"_position_top": "
|
|
51
|
-
"_position_bottom": "
|
|
52
|
-
"_position_right": "
|
|
53
|
-
"_position_left": "
|
|
54
|
-
"_position_custom_0": "
|
|
55
|
-
"_position_custom_1": "
|
|
44
|
+
"__SAxis": "___SAxis_1am9k_gg_",
|
|
45
|
+
"_hide": "__hide_1am9k_gg_",
|
|
46
|
+
"__STick": "___STick_1am9k_gg_",
|
|
47
|
+
"__SGrid": "___SGrid_1am9k_gg_",
|
|
48
|
+
"__STitle": "___STitle_1am9k_gg_",
|
|
49
|
+
"--transform-origin": "--transform-origin_1am9k",
|
|
50
|
+
"_position_top": "_position_top_1am9k_gg_",
|
|
51
|
+
"_position_bottom": "_position_bottom_1am9k_gg_",
|
|
52
|
+
"_position_right": "_position_right_1am9k_gg_",
|
|
53
|
+
"_position_left": "_position_left_1am9k_gg_",
|
|
54
|
+
"_position_custom_0": "_position_custom_0_1am9k_gg_",
|
|
55
|
+
"_position_custom_1": "_position_custom_1_1am9k_gg_"
|
|
56
56
|
});
|
|
57
57
|
var CUSTOM_0 = Symbol('custom_0');
|
|
58
58
|
var CUSTOM_1 = Symbol('custom_1');
|
package/lib/cjs/Bar.js
CHANGED
|
@@ -38,18 +38,18 @@ var style = (
|
|
|
38
38
|
/*__reshadow_css_start__*/
|
|
39
39
|
_core.sstyled.insert(
|
|
40
40
|
/*__inner_css_start__*/
|
|
41
|
-
".
|
|
41
|
+
".___SBar_tudll_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_tudll);transition-timing-function:ease-in-out}.___SBar_tudll_gg_.__color_tudll_gg_{fill:var(--color_tudll)}.___SBar_tudll_gg_.__hide_tudll_gg_{display:none}.___SBar_tudll_gg_.__transparent_tudll_gg_{opacity:.3}.___SBackground_tudll_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}"
|
|
42
42
|
/*__inner_css_end__*/
|
|
43
|
-
, "
|
|
43
|
+
, "tudll_gg_")
|
|
44
44
|
/*__reshadow_css_end__*/
|
|
45
45
|
, {
|
|
46
|
-
"__SBar": "
|
|
47
|
-
"--duration": "--
|
|
48
|
-
"_color": "
|
|
49
|
-
"--color": "--
|
|
50
|
-
"_hide": "
|
|
51
|
-
"_transparent": "
|
|
52
|
-
"__SBackground": "
|
|
46
|
+
"__SBar": "___SBar_tudll_gg_",
|
|
47
|
+
"--duration": "--duration_tudll",
|
|
48
|
+
"_color": "__color_tudll_gg_",
|
|
49
|
+
"--color": "--color_tudll",
|
|
50
|
+
"_hide": "__hide_tudll_gg_",
|
|
51
|
+
"_transparent": "__transparent_tudll_gg_",
|
|
52
|
+
"__SBackground": "___SBackground_tudll_gg_"
|
|
53
53
|
});
|
|
54
54
|
|
|
55
55
|
var calcPartBarY = function calcPartBarY(y, minHeight, height) {
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -48,20 +48,20 @@ var style = (
|
|
|
48
48
|
/*__reshadow_css_start__*/
|
|
49
49
|
_core.sstyled.insert(
|
|
50
50
|
/*__inner_css_start__*/
|
|
51
|
-
".
|
|
51
|
+
".___SBubble_1sm7g_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1sm7g);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1sm7g_gg_:hover{opacity:.8}}.___SBubble_1sm7g_gg_.__color_1sm7g_gg_{fill:var(--color_1sm7g)}.___SBubble_1sm7g_gg_.__transparent_1sm7g_gg_{opacity:.3}.___SCenter_1sm7g_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1sm7g_gg_.__color_1sm7g_gg_{stroke:var(--color_1sm7g)}.___SCenter_1sm7g_gg_.__transparent_1sm7g_gg_{opacity:.3}.___SLabel_1sm7g_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1sm7g_gg_._position_right_1sm7g_gg_{text-anchor:end}.___SLabel_1sm7g_gg_._position_left_1sm7g_gg_{text-anchor:start}.___SLabel_1sm7g_gg_.__color_1sm7g_gg_{fill:var(--color_1sm7g)}.___SLabel_1sm7g_gg_.__transparent_1sm7g_gg_{opacity:.3}"
|
|
52
52
|
/*__inner_css_end__*/
|
|
53
|
-
, "
|
|
53
|
+
, "1sm7g_gg_")
|
|
54
54
|
/*__reshadow_css_end__*/
|
|
55
55
|
, {
|
|
56
|
-
"__SBubble": "
|
|
57
|
-
"--duration": "--
|
|
58
|
-
"_color": "
|
|
59
|
-
"--color": "--
|
|
60
|
-
"_transparent": "
|
|
61
|
-
"__SCenter": "
|
|
62
|
-
"__SLabel": "
|
|
63
|
-
"_position_right": "
|
|
64
|
-
"_position_left": "
|
|
56
|
+
"__SBubble": "___SBubble_1sm7g_gg_",
|
|
57
|
+
"--duration": "--duration_1sm7g",
|
|
58
|
+
"_color": "__color_1sm7g_gg_",
|
|
59
|
+
"--color": "--color_1sm7g",
|
|
60
|
+
"_transparent": "__transparent_1sm7g_gg_",
|
|
61
|
+
"__SCenter": "___SCenter_1sm7g_gg_",
|
|
62
|
+
"__SLabel": "___SLabel_1sm7g_gg_",
|
|
63
|
+
"_position_right": "_position_right_1sm7g_gg_",
|
|
64
|
+
"_position_left": "_position_left_1sm7g_gg_"
|
|
65
65
|
});
|
|
66
66
|
|
|
67
67
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Donut.js
CHANGED
|
@@ -52,17 +52,17 @@ var style = (
|
|
|
52
52
|
/*__reshadow_css_start__*/
|
|
53
53
|
_core.sstyled.insert(
|
|
54
54
|
/*__inner_css_start__*/
|
|
55
|
-
".
|
|
55
|
+
".___SPie_crlug_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_crlug_gg_.__color_crlug_gg_{fill:var(--color_crlug)}.___SPie_crlug_gg_.__transparent_crlug_gg_{opacity:.3}.___SEmptyData_crlug_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_crlug_gg_.__color_crlug_gg_{fill:var(--color_crlug)}.___SLabel_crlug_gg_{text-anchor:middle;vertical-anchor:middle}"
|
|
56
56
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
57
|
+
, "crlug_gg_")
|
|
58
58
|
/*__reshadow_css_end__*/
|
|
59
59
|
, {
|
|
60
|
-
"__SPie": "
|
|
61
|
-
"_color": "
|
|
62
|
-
"--color": "--
|
|
63
|
-
"_transparent": "
|
|
64
|
-
"__SEmptyData": "
|
|
65
|
-
"__SLabel": "
|
|
60
|
+
"__SPie": "___SPie_crlug_gg_",
|
|
61
|
+
"_color": "__color_crlug_gg_",
|
|
62
|
+
"--color": "--color_crlug",
|
|
63
|
+
"_transparent": "__transparent_crlug_gg_",
|
|
64
|
+
"__SEmptyData": "___SEmptyData_crlug_gg_",
|
|
65
|
+
"__SLabel": "___SLabel_crlug_gg_"
|
|
66
66
|
});
|
|
67
67
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
68
68
|
|
package/lib/cjs/Dots.js
CHANGED
|
@@ -28,19 +28,19 @@ var style = (
|
|
|
28
28
|
/*__reshadow_css_start__*/
|
|
29
29
|
_core.sstyled.insert(
|
|
30
30
|
/*__inner_css_start__*/
|
|
31
|
-
".
|
|
31
|
+
".___SDots_11vuy_gg_ .___SDot_11vuy_gg_{transition-duration:var(--duration_11vuy)}.___SDot_11vuy_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_11vuy_gg_.__hide_11vuy_gg_{display:none}.___SDot_11vuy_gg_.__active_11vuy_gg_{r:8px}.___SDot_11vuy_gg_.__color_11vuy_gg_{fill:var(--color_11vuy)}.___SDot_11vuy_gg_.__transparent_11vuy_gg_{opacity:.3}"
|
|
32
32
|
/*__inner_css_end__*/
|
|
33
|
-
, "
|
|
33
|
+
, "11vuy_gg_")
|
|
34
34
|
/*__reshadow_css_end__*/
|
|
35
35
|
, {
|
|
36
|
-
"__SDots": "
|
|
37
|
-
"__SDot": "
|
|
38
|
-
"--duration": "--
|
|
39
|
-
"_hide": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"_color": "
|
|
42
|
-
"--color": "--
|
|
43
|
-
"_transparent": "
|
|
36
|
+
"__SDots": "___SDots_11vuy_gg_",
|
|
37
|
+
"__SDot": "___SDot_11vuy_gg_",
|
|
38
|
+
"--duration": "--duration_11vuy",
|
|
39
|
+
"_hide": "__hide_11vuy_gg_",
|
|
40
|
+
"_active": "__active_11vuy_gg_",
|
|
41
|
+
"_color": "__color_11vuy_gg_",
|
|
42
|
+
"--color": "--color_11vuy",
|
|
43
|
+
"_transparent": "__transparent_11vuy_gg_"
|
|
44
44
|
});
|
|
45
45
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
46
46
|
|
package/lib/cjs/HorizontalBar.js
CHANGED
|
@@ -36,18 +36,18 @@ var style = (
|
|
|
36
36
|
/*__reshadow_css_start__*/
|
|
37
37
|
_core.sstyled.insert(
|
|
38
38
|
/*__inner_css_start__*/
|
|
39
|
-
".
|
|
39
|
+
".___SBar_tudll_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_tudll);transition-timing-function:ease-in-out}.___SBar_tudll_gg_.__color_tudll_gg_{fill:var(--color_tudll)}.___SBar_tudll_gg_.__hide_tudll_gg_{display:none}.___SBar_tudll_gg_.__transparent_tudll_gg_{opacity:.3}.___SBackground_tudll_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}"
|
|
40
40
|
/*__inner_css_end__*/
|
|
41
|
-
, "
|
|
41
|
+
, "tudll_gg_")
|
|
42
42
|
/*__reshadow_css_end__*/
|
|
43
43
|
, {
|
|
44
|
-
"__SBar": "
|
|
45
|
-
"--duration": "--
|
|
46
|
-
"_color": "
|
|
47
|
-
"--color": "--
|
|
48
|
-
"_hide": "
|
|
49
|
-
"_transparent": "
|
|
50
|
-
"__SBackground": "
|
|
44
|
+
"__SBar": "___SBar_tudll_gg_",
|
|
45
|
+
"--duration": "--duration_tudll",
|
|
46
|
+
"_color": "__color_tudll_gg_",
|
|
47
|
+
"--color": "--color_tudll",
|
|
48
|
+
"_hide": "__hide_tudll_gg_",
|
|
49
|
+
"_transparent": "__transparent_tudll_gg_",
|
|
50
|
+
"__SBackground": "___SBackground_tudll_gg_"
|
|
51
51
|
});
|
|
52
52
|
|
|
53
53
|
var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Hover.js
CHANGED
|
@@ -38,13 +38,13 @@ var style = (
|
|
|
38
38
|
/*__reshadow_css_start__*/
|
|
39
39
|
_core.sstyled.insert(
|
|
40
40
|
/*__inner_css_start__*/
|
|
41
|
-
".
|
|
41
|
+
".___SHoverLine_1fj1q_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1fj1q_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
|
|
42
42
|
/*__inner_css_end__*/
|
|
43
|
-
, "
|
|
43
|
+
, "1fj1q_gg_")
|
|
44
44
|
/*__reshadow_css_end__*/
|
|
45
45
|
, {
|
|
46
|
-
"__SHoverLine": "
|
|
47
|
-
"__SHoverRect": "
|
|
46
|
+
"__SHoverLine": "___SHoverLine_1fj1q_gg_",
|
|
47
|
+
"__SHoverRect": "___SHoverRect_1fj1q_gg_"
|
|
48
48
|
});
|
|
49
49
|
|
|
50
50
|
var Hover = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Line.js
CHANGED
|
@@ -40,18 +40,18 @@ var style = (
|
|
|
40
40
|
/*__reshadow_css_start__*/
|
|
41
41
|
_core.sstyled.insert(
|
|
42
42
|
/*__inner_css_start__*/
|
|
43
|
-
".
|
|
43
|
+
".___SLine_1ymv0_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1ymv0);transition-timing-function:ease-in-out}.___SLine_1ymv0_gg_.__color_1ymv0_gg_{stroke:var(--color_1ymv0)}.___SLine_1ymv0_gg_.__hide_1ymv0_gg_{display:none}.___SLine_1ymv0_gg_.__transparent_1ymv0_gg_{opacity:.3}.___SNull_1ymv0_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_1ymv0_gg_.__hide_1ymv0_gg_{display:none}"
|
|
44
44
|
/*__inner_css_end__*/
|
|
45
|
-
, "
|
|
45
|
+
, "1ymv0_gg_")
|
|
46
46
|
/*__reshadow_css_end__*/
|
|
47
47
|
, {
|
|
48
|
-
"__SLine": "
|
|
49
|
-
"--duration": "--
|
|
50
|
-
"_color": "
|
|
51
|
-
"--color": "--
|
|
52
|
-
"_hide": "
|
|
53
|
-
"_transparent": "
|
|
54
|
-
"__SNull": "
|
|
48
|
+
"__SLine": "___SLine_1ymv0_gg_",
|
|
49
|
+
"--duration": "--duration_1ymv0",
|
|
50
|
+
"_color": "__color_1ymv0_gg_",
|
|
51
|
+
"--color": "--color_1ymv0",
|
|
52
|
+
"_hide": "__hide_1ymv0_gg_",
|
|
53
|
+
"_transparent": "__transparent_1ymv0_gg_",
|
|
54
|
+
"__SNull": "___SNull_1ymv0_gg_"
|
|
55
55
|
});
|
|
56
56
|
|
|
57
57
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Plot.js
CHANGED
|
@@ -46,13 +46,13 @@ var style = (
|
|
|
46
46
|
/*__reshadow_css_start__*/
|
|
47
47
|
_core.sstyled.insert(
|
|
48
48
|
/*__inner_css_start__*/
|
|
49
|
-
".
|
|
49
|
+
".___SPlot_1cr5w_gg_{overflow:hidden}.___SPlot_1cr5w_gg_:active,.___SPlot_1cr5w_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1cr5w_gg_.__keyboardFocused_1cr5w_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}"
|
|
50
50
|
/*__inner_css_end__*/
|
|
51
|
-
, "
|
|
51
|
+
, "1cr5w_gg_")
|
|
52
52
|
/*__reshadow_css_end__*/
|
|
53
53
|
, {
|
|
54
|
-
"__SPlot": "
|
|
55
|
-
"_keyboardFocused": "
|
|
54
|
+
"__SPlot": "___SPlot_1cr5w_gg_",
|
|
55
|
+
"_keyboardFocused": "__keyboardFocused_1cr5w_gg_"
|
|
56
56
|
});
|
|
57
57
|
|
|
58
58
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Radar.js
CHANGED
|
@@ -51,41 +51,61 @@ var style = (
|
|
|
51
51
|
/*__reshadow_css_start__*/
|
|
52
52
|
_core.sstyled.insert(
|
|
53
53
|
/*__inner_css_start__*/
|
|
54
|
-
".
|
|
54
|
+
".___SAxisLine_c7zcx_gg_,.___SAxisTick_c7zcx_gg_,.___SAxis_c7zcx_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_c7zcx_gg_,.___SAxisTick_c7zcx_gg_{stroke-dasharray:2}.___SAxisLine_c7zcx_gg_.__active_c7zcx_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_c7zcx_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_c7zcx_gg_.__xDirection_c7zcx_gg_{text-anchor:var(--xDirection_c7zcx)}.___SAxisLabel_c7zcx_gg_.__yDirection_c7zcx_gg_{dominant-baseline:var(--yDirection_c7zcx)}.___SPolygonDot_c7zcx_gg_,.___SPolygon_c7zcx_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_c7zcx_gg_{opacity:.2}.___SPolygon_c7zcx_gg_.__color_c7zcx_gg_{fill:var(--color_c7zcx)}.___SPolygonDot_c7zcx_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_c7zcx_gg_.__transparent_c7zcx_gg_{opacity:.3}.___SPolygonDot_c7zcx_gg_.__color_c7zcx_gg_{fill:var(--color_c7zcx)}.___SPolygonLine_c7zcx_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_c7zcx_gg_.__transparent_c7zcx_gg_{opacity:.3}.___SPolygonLine_c7zcx_gg_.__color_c7zcx_gg_{stroke:var(--color_c7zcx)}.___SPieRect_c7zcx_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
|
|
55
55
|
/*__inner_css_end__*/
|
|
56
|
-
, "
|
|
56
|
+
, "c7zcx_gg_")
|
|
57
57
|
/*__reshadow_css_end__*/
|
|
58
58
|
, {
|
|
59
|
-
"__SAxis": "
|
|
60
|
-
"__SAxisLine": "
|
|
61
|
-
"__SAxisTick": "
|
|
62
|
-
"_active": "
|
|
63
|
-
"__SAxisLabel": "
|
|
64
|
-
"_xDirection": "
|
|
65
|
-
"--xDirection": "--
|
|
66
|
-
"_yDirection": "
|
|
67
|
-
"--yDirection": "--
|
|
68
|
-
"__SPolygon": "
|
|
69
|
-
"_color": "
|
|
70
|
-
"--color": "--
|
|
71
|
-
"__SPolygonDot": "
|
|
72
|
-
"_transparent": "
|
|
73
|
-
"__SPolygonLine": "
|
|
74
|
-
"__SPieRect": "
|
|
59
|
+
"__SAxis": "___SAxis_c7zcx_gg_",
|
|
60
|
+
"__SAxisLine": "___SAxisLine_c7zcx_gg_",
|
|
61
|
+
"__SAxisTick": "___SAxisTick_c7zcx_gg_",
|
|
62
|
+
"_active": "__active_c7zcx_gg_",
|
|
63
|
+
"__SAxisLabel": "___SAxisLabel_c7zcx_gg_",
|
|
64
|
+
"_xDirection": "__xDirection_c7zcx_gg_",
|
|
65
|
+
"--xDirection": "--xDirection_c7zcx",
|
|
66
|
+
"_yDirection": "__yDirection_c7zcx_gg_",
|
|
67
|
+
"--yDirection": "--yDirection_c7zcx",
|
|
68
|
+
"__SPolygon": "___SPolygon_c7zcx_gg_",
|
|
69
|
+
"_color": "__color_c7zcx_gg_",
|
|
70
|
+
"--color": "--color_c7zcx",
|
|
71
|
+
"__SPolygonDot": "___SPolygonDot_c7zcx_gg_",
|
|
72
|
+
"_transparent": "__transparent_c7zcx_gg_",
|
|
73
|
+
"__SPolygonLine": "___SPolygonLine_c7zcx_gg_",
|
|
74
|
+
"__SPieRect": "___SPieRect_c7zcx_gg_"
|
|
75
75
|
});
|
|
76
76
|
|
|
77
|
-
|
|
78
|
-
|
|
77
|
+
var clampAngle = function clampAngle(angle) {
|
|
78
|
+
angle = angle % (2 * Math.PI);
|
|
79
|
+
if (angle < 0) angle += 2 * Math.PI;
|
|
80
|
+
return angle;
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
function getBoxAxesValue(i, range, axes, total, angleOffset) {
|
|
84
|
+
var func = axes === 'y' ? Math.sin : Math.cos;
|
|
85
|
+
var angle = clampAngle((total - i) * 2 * Math.PI / total + angleOffset);
|
|
79
86
|
return range * (1 - func(angle)) - range;
|
|
80
87
|
}
|
|
81
88
|
|
|
82
|
-
function getRadianPosition(i, range, total) {
|
|
83
|
-
return [
|
|
89
|
+
function getRadianPosition(i, range, total, angleOffset) {
|
|
90
|
+
return [getBoxAxesValue(i, range, 'y', total, angleOffset), getBoxAxesValue(i, range, 'x', total, angleOffset)];
|
|
84
91
|
}
|
|
85
92
|
|
|
86
|
-
function
|
|
87
|
-
var angle =
|
|
88
|
-
|
|
93
|
+
var getLabelXPlacement = function getLabelXPlacement(i, total, angleOffset) {
|
|
94
|
+
var angle = clampAngle(i / total * (Math.PI * 2) - angleOffset);
|
|
95
|
+
if (angle >= Math.PI + Math.PI * (8 / 9) || angle <= Math.PI * (1 / 9)) return 'middle';
|
|
96
|
+
if (angle >= Math.PI * (8 / 9) && angle <= Math.PI + Math.PI * (1 / 9)) return 'middle';
|
|
97
|
+
return angle < Math.PI ? 'start' : 'end';
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
var getLabelYPlacement = function getLabelYPlacement(i, total, angleOffset) {
|
|
101
|
+
var angle = clampAngle(i / total * (Math.PI * 2) - angleOffset);
|
|
102
|
+
if (angle >= Math.PI + Math.PI * (8 / 9) || angle <= Math.PI * (1 / 9)) return 'alphabetic';
|
|
103
|
+
if (angle >= Math.PI * (8 / 9) && angle <= Math.PI + Math.PI * (1 / 9)) return 'mathematical';
|
|
104
|
+
return 'middle';
|
|
105
|
+
};
|
|
106
|
+
|
|
107
|
+
function getLabelPlacement(i, total, angleOffset) {
|
|
108
|
+
return [getLabelXPlacement(i, total, angleOffset), getLabelYPlacement(i, total, angleOffset)];
|
|
89
109
|
}
|
|
90
110
|
|
|
91
111
|
function computeTextWidth(texts, textSize) {
|
|
@@ -227,7 +247,8 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
|
|
|
227
247
|
return {
|
|
228
248
|
offset: this.offset,
|
|
229
249
|
textSize: this.textSize,
|
|
230
|
-
type: this.asProps.type
|
|
250
|
+
type: this.asProps.type,
|
|
251
|
+
angleOffset: this.asProps.angleOffset
|
|
231
252
|
};
|
|
232
253
|
}
|
|
233
254
|
}, {
|
|
@@ -236,11 +257,13 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
|
|
|
236
257
|
var dataKey = _ref14.dataKey;
|
|
237
258
|
var _this$asProps2 = this.asProps,
|
|
238
259
|
data = _this$asProps2.data,
|
|
239
|
-
scale = _this$asProps2.scale
|
|
260
|
+
scale = _this$asProps2.scale,
|
|
261
|
+
angleOffset = _this$asProps2.angleOffset;
|
|
240
262
|
return {
|
|
241
263
|
offset: this.offset,
|
|
242
264
|
data: data[dataKey] || [],
|
|
243
|
-
scale: scale
|
|
265
|
+
scale: scale,
|
|
266
|
+
angleOffset: angleOffset
|
|
244
267
|
};
|
|
245
268
|
}
|
|
246
269
|
}, {
|
|
@@ -249,7 +272,8 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
|
|
|
249
272
|
return {
|
|
250
273
|
type: this.asProps.type,
|
|
251
274
|
offset: this.offset,
|
|
252
|
-
categories: this.asProps.data[this.categoriesKey]
|
|
275
|
+
categories: this.asProps.data[this.categoriesKey],
|
|
276
|
+
angleOffset: this.asProps.angleOffset
|
|
253
277
|
};
|
|
254
278
|
}
|
|
255
279
|
}, {
|
|
@@ -303,7 +327,8 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
|
|
|
303
327
|
(0, _defineProperty2["default"])(RadarRoot, "style", style);
|
|
304
328
|
(0, _defineProperty2["default"])(RadarRoot, "enhance", [(0, _uniqueID["default"])()]);
|
|
305
329
|
(0, _defineProperty2["default"])(RadarRoot, "defaultProps", {
|
|
306
|
-
type: 'polygon'
|
|
330
|
+
type: 'polygon',
|
|
331
|
+
angleOffset: 0
|
|
307
332
|
});
|
|
308
333
|
|
|
309
334
|
var PolygonRoot = /*#__PURE__*/function (_Component2) {
|
|
@@ -325,14 +350,16 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
|
|
|
325
350
|
color = _this$asProps4.color,
|
|
326
351
|
transparent = _this$asProps4.transparent,
|
|
327
352
|
dataKey = _this$asProps4.dataKey,
|
|
328
|
-
dataHintsHandler = _this$asProps4.dataHintsHandler
|
|
353
|
+
dataHintsHandler = _this$asProps4.dataHintsHandler,
|
|
354
|
+
angleOffset = _this$asProps4.angleOffset;
|
|
329
355
|
return {
|
|
330
356
|
data: data,
|
|
331
357
|
scale: scale,
|
|
332
358
|
color: color,
|
|
333
359
|
transparent: transparent,
|
|
334
360
|
categoryKey: dataKey,
|
|
335
|
-
dataHintsHandler: dataHintsHandler
|
|
361
|
+
dataHintsHandler: dataHintsHandler,
|
|
362
|
+
angleOffset: angleOffset
|
|
336
363
|
};
|
|
337
364
|
}
|
|
338
365
|
}, {
|
|
@@ -379,13 +406,14 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
|
|
|
379
406
|
_ref18$curve = _ref18.curve,
|
|
380
407
|
curve = _ref18$curve === void 0 ? _d3Shape.curveLinearClosed : _ref18$curve,
|
|
381
408
|
size = _ref18.size,
|
|
382
|
-
offset = _ref18.offset
|
|
409
|
+
offset = _ref18.offset,
|
|
410
|
+
angleOffset = _ref18.angleOffset;
|
|
383
411
|
scale.range([0, Math.min(size[0], size[1]) / 2 - offset]);
|
|
384
412
|
return {
|
|
385
413
|
d3: (0, _d3Shape.lineRadial)().curve(curve).radius(function (d) {
|
|
386
414
|
return scale(d || 0);
|
|
387
415
|
}).angle(function (d, i, data) {
|
|
388
|
-
return i / data.length * 2 * Math.PI;
|
|
416
|
+
return i / data.length * 2 * Math.PI - angleOffset;
|
|
389
417
|
})
|
|
390
418
|
};
|
|
391
419
|
});
|
|
@@ -414,7 +442,8 @@ function PolygonDots(props) {
|
|
|
414
442
|
data = props.data,
|
|
415
443
|
scale = props.scale,
|
|
416
444
|
transparent = props.transparent,
|
|
417
|
-
categoryKey = props.categoryKey
|
|
445
|
+
categoryKey = props.categoryKey,
|
|
446
|
+
angleOffset = props.angleOffset;
|
|
418
447
|
return data.map(function (value, i) {
|
|
419
448
|
var _ref4;
|
|
420
449
|
|
|
@@ -422,7 +451,7 @@ function PolygonDots(props) {
|
|
|
422
451
|
var radius = scale(value);
|
|
423
452
|
props.dataHintsHandler.describeGroupedValues(categoryKey, "".concat(categoryKey, ".").concat(i));
|
|
424
453
|
|
|
425
|
-
var _getRadianPosition = getRadianPosition(i, radius, data.length),
|
|
454
|
+
var _getRadianPosition = getRadianPosition(i, radius, data.length, angleOffset),
|
|
426
455
|
_getRadianPosition2 = (0, _slicedToArray2["default"])(_getRadianPosition, 2),
|
|
427
456
|
cx = _getRadianPosition2[0],
|
|
428
457
|
cy = _getRadianPosition2[1];
|
|
@@ -505,11 +534,13 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
|
|
|
505
534
|
var _this$asProps8 = this.asProps,
|
|
506
535
|
offset = _this$asProps8.offset,
|
|
507
536
|
categories = _this$asProps8.categories,
|
|
508
|
-
textSize = _this$asProps8.textSize
|
|
537
|
+
textSize = _this$asProps8.textSize,
|
|
538
|
+
angleOffset = _this$asProps8.angleOffset;
|
|
509
539
|
return {
|
|
510
540
|
categories: categories,
|
|
511
541
|
textSize: textSize,
|
|
512
|
-
offset: offset - labelOffset
|
|
542
|
+
offset: offset - labelOffset,
|
|
543
|
+
angleOffset: angleOffset
|
|
513
544
|
};
|
|
514
545
|
}
|
|
515
546
|
}, {
|
|
@@ -536,7 +567,8 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
|
|
|
536
567
|
categories = _this$asProps9.categories,
|
|
537
568
|
size = _this$asProps9.size,
|
|
538
569
|
offset = _this$asProps9.offset,
|
|
539
|
-
type = _this$asProps9.type
|
|
570
|
+
type = _this$asProps9.type,
|
|
571
|
+
angleOffset = _this$asProps9.angleOffset;
|
|
540
572
|
var activeLineIndex = this.state.activeLineIndex;
|
|
541
573
|
var radius = Math.min(size[0], size[1]) / 2 - offset;
|
|
542
574
|
var total = categories.length;
|
|
@@ -549,7 +581,7 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
|
|
|
549
581
|
"render": "path",
|
|
550
582
|
"d": this.createLineRadial(radius, total)(categories)
|
|
551
583
|
})), categories.map(function (category, i) {
|
|
552
|
-
var _getRadianPosition3 = getRadianPosition(i, radius, total),
|
|
584
|
+
var _getRadianPosition3 = getRadianPosition(i, radius, total, angleOffset),
|
|
553
585
|
_getRadianPosition4 = (0, _slicedToArray2["default"])(_getRadianPosition3, 2),
|
|
554
586
|
x = _getRadianPosition4[0],
|
|
555
587
|
y = _getRadianPosition4[1];
|
|
@@ -620,18 +652,19 @@ function AxisLabels(props) {
|
|
|
620
652
|
textSize = props.textSize,
|
|
621
653
|
size = props.size,
|
|
622
654
|
offset = props.offset,
|
|
623
|
-
categories = props.categories
|
|
655
|
+
categories = props.categories,
|
|
656
|
+
angleOffset = props.angleOffset;
|
|
624
657
|
var radius = Math.min(size[0], size[1]) / 2 - offset;
|
|
625
658
|
return categories.map(function (category, i) {
|
|
626
|
-
var _getRadianPosition5 = getRadianPosition(i, radius, categories.length),
|
|
659
|
+
var _getRadianPosition5 = getRadianPosition(i, radius, categories.length, angleOffset),
|
|
627
660
|
_getRadianPosition6 = (0, _slicedToArray2["default"])(_getRadianPosition5, 2),
|
|
628
661
|
x = _getRadianPosition6[0],
|
|
629
662
|
y = _getRadianPosition6[1];
|
|
630
663
|
|
|
631
|
-
var
|
|
632
|
-
|
|
633
|
-
xDirection =
|
|
634
|
-
yDirection =
|
|
664
|
+
var _getLabelPlacement = getLabelPlacement(i, categories.length, angleOffset),
|
|
665
|
+
_getLabelPlacement2 = (0, _slicedToArray2["default"])(_getLabelPlacement, 2),
|
|
666
|
+
xDirection = _getLabelPlacement2[0],
|
|
667
|
+
yDirection = _getLabelPlacement2[1];
|
|
635
668
|
|
|
636
669
|
if (typeof category === 'string') {
|
|
637
670
|
var _ref7;
|
|
@@ -756,24 +789,25 @@ var Hover = /*#__PURE__*/function (_Component4) {
|
|
|
756
789
|
var _this$asProps10 = this.asProps,
|
|
757
790
|
categories = _this$asProps10.categories,
|
|
758
791
|
size = _this$asProps10.size,
|
|
759
|
-
offset = _this$asProps10.offset
|
|
792
|
+
offset = _this$asProps10.offset,
|
|
793
|
+
angleOffset = _this$asProps10.angleOffset;
|
|
760
794
|
var total = categories.length;
|
|
761
795
|
var diam = Math.min(size[0], size[1]);
|
|
762
796
|
var radius = diam / 2 - offset;
|
|
763
797
|
var prevIndex = (index - 1 + total) % total;
|
|
764
798
|
var nextIndex = (index + 1 + total) % total;
|
|
765
799
|
|
|
766
|
-
var _getRadianPosition7 = getRadianPosition(prevIndex, radius, total),
|
|
800
|
+
var _getRadianPosition7 = getRadianPosition(prevIndex, radius, total, angleOffset),
|
|
767
801
|
_getRadianPosition8 = (0, _slicedToArray2["default"])(_getRadianPosition7, 2),
|
|
768
802
|
prevX1 = _getRadianPosition8[0],
|
|
769
803
|
prevY1 = _getRadianPosition8[1];
|
|
770
804
|
|
|
771
|
-
var _getRadianPosition9 = getRadianPosition(index, radius, total),
|
|
805
|
+
var _getRadianPosition9 = getRadianPosition(index, radius, total, angleOffset),
|
|
772
806
|
_getRadianPosition10 = (0, _slicedToArray2["default"])(_getRadianPosition9, 2),
|
|
773
807
|
x = _getRadianPosition10[0],
|
|
774
808
|
y = _getRadianPosition10[1];
|
|
775
809
|
|
|
776
|
-
var _getRadianPosition11 = getRadianPosition(nextIndex, radius, total),
|
|
810
|
+
var _getRadianPosition11 = getRadianPosition(nextIndex, radius, total, angleOffset),
|
|
777
811
|
_getRadianPosition12 = (0, _slicedToArray2["default"])(_getRadianPosition11, 2),
|
|
778
812
|
nextX1 = _getRadianPosition12[0],
|
|
779
813
|
nextY1 = _getRadianPosition12[1];
|
|
@@ -786,10 +820,11 @@ var Hover = /*#__PURE__*/function (_Component4) {
|
|
|
786
820
|
var _this$asProps11 = this.asProps,
|
|
787
821
|
categories = _this$asProps11.categories,
|
|
788
822
|
size = _this$asProps11.size,
|
|
789
|
-
offset = _this$asProps11.offset
|
|
823
|
+
offset = _this$asProps11.offset,
|
|
824
|
+
angleOffset = _this$asProps11.angleOffset;
|
|
790
825
|
var angle = Math.PI * 2 / categories.length;
|
|
791
826
|
var radius = Math.min(size[0], size[1]) / 2 - offset;
|
|
792
|
-
return [index * angle - angle / 2, (index + 1) * angle - angle / 2, radius];
|
|
827
|
+
return [index * angle - angle / 2 - angleOffset, (index + 1) * angle - angle / 2 - angleOffset, radius];
|
|
793
828
|
}
|
|
794
829
|
}, {
|
|
795
830
|
key: "getIndex",
|