@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.
Files changed (43) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/lib/cjs/Area.js +10 -10
  3. package/lib/cjs/Axis.js +14 -14
  4. package/lib/cjs/Bar.js +9 -9
  5. package/lib/cjs/Bubble.js +11 -11
  6. package/lib/cjs/Donut.js +8 -8
  7. package/lib/cjs/Dots.js +10 -10
  8. package/lib/cjs/HorizontalBar.js +9 -9
  9. package/lib/cjs/Hover.js +4 -4
  10. package/lib/cjs/Line.js +9 -9
  11. package/lib/cjs/Plot.js +4 -4
  12. package/lib/cjs/Radar.js +87 -52
  13. package/lib/cjs/Radar.js.map +1 -1
  14. package/lib/cjs/RadialTree.js +13 -13
  15. package/lib/cjs/ReferenceLine.js +10 -10
  16. package/lib/cjs/ScatterPlot.js +8 -8
  17. package/lib/cjs/Tooltip.js +9 -9
  18. package/lib/cjs/Venn.js +8 -8
  19. package/lib/cjs/a11y/PlotA11yModule.js +3 -3
  20. package/lib/cjs/a11y/PlotA11yView.js +4 -4
  21. package/lib/cjs/types/Radar.js.map +1 -1
  22. package/lib/es6/Area.js +10 -10
  23. package/lib/es6/Axis.js +14 -14
  24. package/lib/es6/Bar.js +9 -9
  25. package/lib/es6/Bubble.js +11 -11
  26. package/lib/es6/Donut.js +8 -8
  27. package/lib/es6/Dots.js +10 -10
  28. package/lib/es6/HorizontalBar.js +9 -9
  29. package/lib/es6/Hover.js +4 -4
  30. package/lib/es6/Line.js +9 -9
  31. package/lib/es6/Plot.js +4 -4
  32. package/lib/es6/Radar.js +87 -52
  33. package/lib/es6/Radar.js.map +1 -1
  34. package/lib/es6/RadialTree.js +13 -13
  35. package/lib/es6/ReferenceLine.js +10 -10
  36. package/lib/es6/ScatterPlot.js +8 -8
  37. package/lib/es6/Tooltip.js +9 -9
  38. package/lib/es6/Venn.js +8 -8
  39. package/lib/es6/a11y/PlotA11yModule.js +3 -3
  40. package/lib/es6/a11y/PlotA11yView.js +4 -4
  41. package/lib/es6/types/Radar.js.map +1 -1
  42. package/lib/types/types/Radar.d.ts +7 -1
  43. 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
- ".___SArea_1s7ja_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1s7ja_gg_.__color_1s7ja_gg_{fill:var(--color_1s7ja)}.___SArea_1s7ja_gg_.__transparent_1s7ja_gg_{opacity:.3}.___SAreaLine_1s7ja_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1s7ja_gg_.__color_1s7ja_gg_{stroke:var(--color_1s7ja)}.___SAreaLine_1s7ja_gg_.__transparent_1s7ja_gg_{opacity:.3}.___SAreaLine_1s7ja_gg_,.___SArea_1s7ja_gg_{transition-property:d;transition-duration:var(--duration_1s7ja);transition-timing-function:ease-in-out}.___SNull_1s7ja_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1s7ja_gg_.__hide_1s7ja_gg_{display:none}"
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
- , "1s7ja_gg_")
47
+ , "1872v_gg_")
48
48
  /*__reshadow_css_end__*/
49
49
  , {
50
- "__SArea": "___SArea_1s7ja_gg_",
51
- "_color": "__color_1s7ja_gg_",
52
- "--color": "--color_1s7ja",
53
- "_transparent": "__transparent_1s7ja_gg_",
54
- "__SAreaLine": "___SAreaLine_1s7ja_gg_",
55
- "--duration": "--duration_1s7ja",
56
- "__SNull": "___SNull_1s7ja_gg_",
57
- "_hide": "__hide_1s7ja_gg_"
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
- ".___SAxis_uaozb_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_uaozb_gg_.__hide_uaozb_gg_,.___STick_uaozb_gg_.__hide_uaozb_gg_{display:none}.___STick_uaozb_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_uaozb_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_uaozb_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_uaozb)}.___STitle_uaozb_gg_._position_top_uaozb_gg_{text-anchor:middle}.___STitle_uaozb_gg_._position_bottom_uaozb_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_uaozb_gg_._position_left_uaozb_gg_,.___STitle_uaozb_gg_._position_right_uaozb_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_uaozb_gg_._position_top_uaozb_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_uaozb_gg_._position_bottom_uaozb_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_uaozb_gg_._position_right_uaozb_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_uaozb_gg_._position_left_uaozb_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_uaozb_gg_._position_custom_0_uaozb_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_uaozb_gg_._position_custom_1_uaozb_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
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
- , "uaozb_gg_")
41
+ , "1am9k_gg_")
42
42
  /*__reshadow_css_end__*/
43
43
  , {
44
- "__SAxis": "___SAxis_uaozb_gg_",
45
- "_hide": "__hide_uaozb_gg_",
46
- "__STick": "___STick_uaozb_gg_",
47
- "__SGrid": "___SGrid_uaozb_gg_",
48
- "__STitle": "___STitle_uaozb_gg_",
49
- "--transform-origin": "--transform-origin_uaozb",
50
- "_position_top": "_position_top_uaozb_gg_",
51
- "_position_bottom": "_position_bottom_uaozb_gg_",
52
- "_position_right": "_position_right_uaozb_gg_",
53
- "_position_left": "_position_left_uaozb_gg_",
54
- "_position_custom_0": "_position_custom_0_uaozb_gg_",
55
- "_position_custom_1": "_position_custom_1_uaozb_gg_"
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
- ".___SBar_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1jtbl);transition-timing-function:ease-in-out}.___SBar_1jtbl_gg_.__color_1jtbl_gg_{fill:var(--color_1jtbl)}.___SBar_1jtbl_gg_.__hide_1jtbl_gg_{display:none}.___SBar_1jtbl_gg_.__transparent_1jtbl_gg_{opacity:.3}.___SBackground_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}"
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
- , "1jtbl_gg_")
43
+ , "tudll_gg_")
44
44
  /*__reshadow_css_end__*/
45
45
  , {
46
- "__SBar": "___SBar_1jtbl_gg_",
47
- "--duration": "--duration_1jtbl",
48
- "_color": "__color_1jtbl_gg_",
49
- "--color": "--color_1jtbl",
50
- "_hide": "__hide_1jtbl_gg_",
51
- "_transparent": "__transparent_1jtbl_gg_",
52
- "__SBackground": "___SBackground_1jtbl_gg_"
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
- ".___SBubble_82aux_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_82aux);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_82aux_gg_:hover{opacity:.8}}.___SBubble_82aux_gg_.__color_82aux_gg_{fill:var(--color_82aux)}.___SBubble_82aux_gg_.__transparent_82aux_gg_{opacity:.3}.___SCenter_82aux_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_82aux_gg_.__color_82aux_gg_{stroke:var(--color_82aux)}.___SCenter_82aux_gg_.__transparent_82aux_gg_{opacity:.3}.___SLabel_82aux_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_82aux_gg_._position_right_82aux_gg_{text-anchor:end}.___SLabel_82aux_gg_._position_left_82aux_gg_{text-anchor:start}.___SLabel_82aux_gg_.__color_82aux_gg_{fill:var(--color_82aux)}.___SLabel_82aux_gg_.__transparent_82aux_gg_{opacity:.3}"
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
- , "82aux_gg_")
53
+ , "1sm7g_gg_")
54
54
  /*__reshadow_css_end__*/
55
55
  , {
56
- "__SBubble": "___SBubble_82aux_gg_",
57
- "--duration": "--duration_82aux",
58
- "_color": "__color_82aux_gg_",
59
- "--color": "--color_82aux",
60
- "_transparent": "__transparent_82aux_gg_",
61
- "__SCenter": "___SCenter_82aux_gg_",
62
- "__SLabel": "___SLabel_82aux_gg_",
63
- "_position_right": "_position_right_82aux_gg_",
64
- "_position_left": "_position_left_82aux_gg_"
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
- ".___SPie_19hde_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_19hde_gg_.__color_19hde_gg_{fill:var(--color_19hde)}.___SPie_19hde_gg_.__transparent_19hde_gg_{opacity:.3}.___SEmptyData_19hde_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_19hde_gg_.__color_19hde_gg_{fill:var(--color_19hde)}.___SLabel_19hde_gg_{text-anchor:middle;vertical-anchor:middle}"
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
- , "19hde_gg_")
57
+ , "crlug_gg_")
58
58
  /*__reshadow_css_end__*/
59
59
  , {
60
- "__SPie": "___SPie_19hde_gg_",
61
- "_color": "__color_19hde_gg_",
62
- "--color": "--color_19hde",
63
- "_transparent": "__transparent_19hde_gg_",
64
- "__SEmptyData": "___SEmptyData_19hde_gg_",
65
- "__SLabel": "___SLabel_19hde_gg_"
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
- ".___SDots_15qs1_gg_ .___SDot_15qs1_gg_{transition-duration:var(--duration_15qs1)}.___SDot_15qs1_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_15qs1_gg_.__hide_15qs1_gg_{display:none}.___SDot_15qs1_gg_.__active_15qs1_gg_{r:8px}.___SDot_15qs1_gg_.__color_15qs1_gg_{fill:var(--color_15qs1)}.___SDot_15qs1_gg_.__transparent_15qs1_gg_{opacity:.3}"
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
- , "15qs1_gg_")
33
+ , "11vuy_gg_")
34
34
  /*__reshadow_css_end__*/
35
35
  , {
36
- "__SDots": "___SDots_15qs1_gg_",
37
- "__SDot": "___SDot_15qs1_gg_",
38
- "--duration": "--duration_15qs1",
39
- "_hide": "__hide_15qs1_gg_",
40
- "_active": "__active_15qs1_gg_",
41
- "_color": "__color_15qs1_gg_",
42
- "--color": "--color_15qs1",
43
- "_transparent": "__transparent_15qs1_gg_"
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
 
@@ -36,18 +36,18 @@ var style = (
36
36
  /*__reshadow_css_start__*/
37
37
  _core.sstyled.insert(
38
38
  /*__inner_css_start__*/
39
- ".___SBar_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1jtbl);transition-timing-function:ease-in-out}.___SBar_1jtbl_gg_.__color_1jtbl_gg_{fill:var(--color_1jtbl)}.___SBar_1jtbl_gg_.__hide_1jtbl_gg_{display:none}.___SBar_1jtbl_gg_.__transparent_1jtbl_gg_{opacity:.3}.___SBackground_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}"
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
- , "1jtbl_gg_")
41
+ , "tudll_gg_")
42
42
  /*__reshadow_css_end__*/
43
43
  , {
44
- "__SBar": "___SBar_1jtbl_gg_",
45
- "--duration": "--duration_1jtbl",
46
- "_color": "__color_1jtbl_gg_",
47
- "--color": "--color_1jtbl",
48
- "_hide": "__hide_1jtbl_gg_",
49
- "_transparent": "__transparent_1jtbl_gg_",
50
- "__SBackground": "___SBackground_1jtbl_gg_"
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
- ".___SHoverLine_5k49a_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_5k49a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
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
- , "5k49a_gg_")
43
+ , "1fj1q_gg_")
44
44
  /*__reshadow_css_end__*/
45
45
  , {
46
- "__SHoverLine": "___SHoverLine_5k49a_gg_",
47
- "__SHoverRect": "___SHoverRect_5k49a_gg_"
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
- ".___SLine_1jx3n_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1jx3n);transition-timing-function:ease-in-out}.___SLine_1jx3n_gg_.__color_1jx3n_gg_{stroke:var(--color_1jx3n)}.___SLine_1jx3n_gg_.__hide_1jx3n_gg_{display:none}.___SLine_1jx3n_gg_.__transparent_1jx3n_gg_{opacity:.3}.___SNull_1jx3n_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_1jx3n_gg_.__hide_1jx3n_gg_{display:none}"
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
- , "1jx3n_gg_")
45
+ , "1ymv0_gg_")
46
46
  /*__reshadow_css_end__*/
47
47
  , {
48
- "__SLine": "___SLine_1jx3n_gg_",
49
- "--duration": "--duration_1jx3n",
50
- "_color": "__color_1jx3n_gg_",
51
- "--color": "--color_1jx3n",
52
- "_hide": "__hide_1jx3n_gg_",
53
- "_transparent": "__transparent_1jx3n_gg_",
54
- "__SNull": "___SNull_1jx3n_gg_"
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
- ".___SPlot_14obl_gg_{overflow:hidden}.___SPlot_14obl_gg_:active,.___SPlot_14obl_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_14obl_gg_.__keyboardFocused_14obl_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))}"
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
- , "14obl_gg_")
51
+ , "1cr5w_gg_")
52
52
  /*__reshadow_css_end__*/
53
53
  , {
54
- "__SPlot": "___SPlot_14obl_gg_",
55
- "_keyboardFocused": "__keyboardFocused_14obl_gg_"
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
- ".___SAxisLine_15or2_gg_,.___SAxisTick_15or2_gg_,.___SAxis_15or2_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_15or2_gg_,.___SAxisTick_15or2_gg_{stroke-dasharray:2}.___SAxisLine_15or2_gg_.__active_15or2_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_15or2_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_15or2_gg_.__xDirection_15or2_gg_{text-anchor:var(--xDirection_15or2)}.___SAxisLabel_15or2_gg_.__yDirection_15or2_gg_{dominant-baseline:var(--yDirection_15or2)}.___SPolygonDot_15or2_gg_,.___SPolygon_15or2_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_15or2_gg_{opacity:.2}.___SPolygon_15or2_gg_.__color_15or2_gg_{fill:var(--color_15or2)}.___SPolygonDot_15or2_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_15or2_gg_.__transparent_15or2_gg_{opacity:.3}.___SPolygonDot_15or2_gg_.__color_15or2_gg_{fill:var(--color_15or2)}.___SPolygonLine_15or2_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_15or2_gg_.__transparent_15or2_gg_{opacity:.3}.___SPolygonLine_15or2_gg_.__color_15or2_gg_{stroke:var(--color_15or2)}.___SPieRect_15or2_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
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
- , "15or2_gg_")
56
+ , "c7zcx_gg_")
57
57
  /*__reshadow_css_end__*/
58
58
  , {
59
- "__SAxis": "___SAxis_15or2_gg_",
60
- "__SAxisLine": "___SAxisLine_15or2_gg_",
61
- "__SAxisTick": "___SAxisTick_15or2_gg_",
62
- "_active": "__active_15or2_gg_",
63
- "__SAxisLabel": "___SAxisLabel_15or2_gg_",
64
- "_xDirection": "__xDirection_15or2_gg_",
65
- "--xDirection": "--xDirection_15or2",
66
- "_yDirection": "__yDirection_15or2_gg_",
67
- "--yDirection": "--yDirection_15or2",
68
- "__SPolygon": "___SPolygon_15or2_gg_",
69
- "_color": "__color_15or2_gg_",
70
- "--color": "--color_15or2",
71
- "__SPolygonDot": "___SPolygonDot_15or2_gg_",
72
- "_transparent": "__transparent_15or2_gg_",
73
- "__SPolygonLine": "___SPolygonLine_15or2_gg_",
74
- "__SPieRect": "___SPieRect_15or2_gg_"
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
- function getAngle(i, range, func, total) {
78
- var angle = (total - i) * 2 * Math.PI / total;
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 [getAngle(i, range, Math.sin, total), getAngle(i, range, Math.cos, total)];
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 getLabelDirection(i, total) {
87
- var angle = -Math.PI / 2 + i / total * (Math.PI * 2);
88
- return [Math.abs(angle) === Math.PI / 2 ? 'middle' : angle < Math.PI / 2 ? 'start' : 'end', angle === Math.PI / 2 ? 'mathematical' : angle === -Math.PI / 2 ? 'alphabetic' : 'middle'];
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 _getLabelDirection = getLabelDirection(i, categories.length),
632
- _getLabelDirection2 = (0, _slicedToArray2["default"])(_getLabelDirection, 2),
633
- xDirection = _getLabelDirection2[0],
634
- yDirection = _getLabelDirection2[1];
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",