@semcore/d3-chart 3.25.1 → 3.26.0

package/lib/es6/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","keyboardFocusEnhance","eventToPoint","uniqueId","PlotA11yModule","makeDataHintsHandlers","makeDataHintsContainer","colorResolverEnhance","style","_sstyled","insert","PlotRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","dataHints","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray","xScale","yScale","_eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","_createClass","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","resolveColor","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","cn","_objectSpread","_assignProps","handlerMouseMove","handlerMouseLeave","plotId"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance(), colorResolverEnhance()];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = this.props.dataHints || makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit('onMouseMoveRoot', e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit('onMouseLeaveRoot', e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height, locale, resolveColor } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n        resolveColor,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag='svg'\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n        aria-label={label}\n        tabIndex={0}\n      >\n        <Children />\n        <foreignObject width='100%' height='100%' data-aria-only>\n          <PlotA11yModule\n            id={this.plotId}\n            data={data}\n            plotLabel={label}\n            locale={locale}\n            plotRef={this.rootRef}\n            hints={this.dataStructureHints}\n            config={a11yAltTextConfig}\n          />\n        </foreignObject>\n      </SPlot>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}
+{"version":3,"file":"Plot.js","names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","keyboardFocusEnhance","eventToPoint","uniqueId","PlotA11yModule","makeDataHintsHandlers","makeDataHintsContainer","colorResolverEnhance","style","_sstyled","insert","PlotRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","dataHints","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray","xScale","yScale","_eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","_createClass","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","resolveColor","patterns","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","cn","_objectSpread","_assignProps","handlerMouseMove","handlerMouseLeave","plotId"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance(), colorResolverEnhance()];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = this.props.dataHints || makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit('onMouseMoveRoot', e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit('onMouseLeaveRoot', e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height, locale, resolveColor, patterns } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n        resolveColor,\n        patterns,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag='svg'\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n        aria-label={label}\n        tabIndex={0}\n      >\n        <Children />\n        <foreignObject width='100%' height='100%' data-aria-only>\n          <PlotA11yModule\n            id={this.plotId}\n            data={data}\n            plotLabel={label}\n            locale={locale}\n            plotRef={this.rootRef}\n            hints={this.dataStructureHints}\n            config={a11yAltTextConfig}\n          />\n        </foreignObject>\n      </SPlot>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}

package/lib/es6/Radar.js

@@ -20,24 +20,27 @@ import { line, lineRadial, curveLinearClosed, arc } from 'd3-shape';
 import createElement from './createElement';
 import { CONSTANT, eventToPoint, getChartDefaultColorName, measureText } from './utils';
 import Tooltip from './Tooltip';
+import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_1c9tw_gg_,.___SAxisTick_1c9tw_gg_,.___SAxis_1c9tw_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1c9tw_gg_,.___SAxisTick_1c9tw_gg_{stroke-dasharray:2}.___SAxisLine_1c9tw_gg_.__active_1c9tw_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1c9tw_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1c9tw_gg_.__xDirection_1c9tw_gg_{text-anchor:var(--xDirection_1c9tw)}.___SAxisLabel_1c9tw_gg_.__yDirection_1c9tw_gg_{dominant-baseline:var(--yDirection_1c9tw)}.___SPolygonDot_1c9tw_gg_,.___SPolygon_1c9tw_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1c9tw_gg_{opacity:.2}.___SPolygon_1c9tw_gg_.__color_1c9tw_gg_{fill:var(--color_1c9tw)}.___SPolygonDot_1c9tw_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1c9tw_gg_.__transparent_1c9tw_gg_{opacity:.3}.___SPolygonDot_1c9tw_gg_.__color_1c9tw_gg_{fill:var(--color_1c9tw)}.___SPolygonLine_1c9tw_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1c9tw_gg_.__transparent_1c9tw_gg_{opacity:.3}.___SPolygonLine_1c9tw_gg_.__color_1c9tw_gg_{stroke:var(--color_1c9tw)}.___SPieRect_1c9tw_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1c9tw_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_1c9tw_gg_",
-  "__SAxisLine": "___SAxisLine_1c9tw_gg_",
-  "__SAxisTick": "___SAxisTick_1c9tw_gg_",
-  "_active": "__active_1c9tw_gg_",
-  "__SAxisLabel": "___SAxisLabel_1c9tw_gg_",
-  "_xDirection": "__xDirection_1c9tw_gg_",
-  "--xDirection": "--xDirection_1c9tw",
-  "_yDirection": "__yDirection_1c9tw_gg_",
-  "--yDirection": "--yDirection_1c9tw",
-  "__SPolygon": "___SPolygon_1c9tw_gg_",
-  "_color": "__color_1c9tw_gg_",
-  "--color": "--color_1c9tw",
-  "__SPolygonDot": "___SPolygonDot_1c9tw_gg_",
-  "_transparent": "__transparent_1c9tw_gg_",
-  "__SPolygonLine": "___SPolygonLine_1c9tw_gg_",
-  "__SPieRect": "___SPieRect_1c9tw_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_10j51_gg_,.___SAxisTick_10j51_gg_,.___SAxis_10j51_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_10j51_gg_,.___SAxisTick_10j51_gg_{stroke-dasharray:2}.___SAxisLine_10j51_gg_.__active_10j51_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_10j51_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_10j51_gg_.__xDirection_10j51_gg_{text-anchor:var(--xDirection_10j51)}.___SAxisLabel_10j51_gg_.__yDirection_10j51_gg_{dominant-baseline:var(--yDirection_10j51)}.___SPolygonDot_10j51_gg_,.___SPolygon_10j51_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_10j51_gg_{opacity:.2}.___SPolygon_10j51_gg_.__color_10j51_gg_{fill:var(--color_10j51)}.___SPolygon_10j51_gg_.__pattern_10j51_gg_.__color_10j51_gg_{fill:var(--pattern_10j51);stroke:var(--color_10j51);stroke-width:1px}.___SPolygonDot_10j51_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_10j51_gg_.__transparent_10j51_gg_{opacity:.3}.___SPolygonDot_10j51_gg_.__color_10j51_gg_{fill:var(--color_10j51)}.___SPolygonLine_10j51_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_10j51_gg_.__transparent_10j51_gg_{opacity:.3}.___SPolygonLine_10j51_gg_.__color_10j51_gg_{stroke:var(--color_10j51)}.___SPieRect_10j51_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "10j51_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_10j51_gg_",
+  "__SAxisLine": "___SAxisLine_10j51_gg_",
+  "__SAxisTick": "___SAxisTick_10j51_gg_",
+  "_active": "__active_10j51_gg_",
+  "__SAxisLabel": "___SAxisLabel_10j51_gg_",
+  "_xDirection": "__xDirection_10j51_gg_",
+  "--xDirection": "--xDirection_10j51",
+  "_yDirection": "__yDirection_10j51_gg_",
+  "--yDirection": "--yDirection_10j51",
+  "__SPolygon": "___SPolygon_10j51_gg_",
+  "_color": "__color_10j51_gg_",
+  "--color": "--color_10j51",
+  "_pattern": "__pattern_10j51_gg_",
+  "--pattern": "--pattern_10j51",
+  "__SPolygonDot": "___SPolygonDot_10j51_gg_",
+  "_transparent": "__transparent_10j51_gg_",
+  "__SPolygonLine": "___SPolygonLine_10j51_gg_",
+  "__SPieRect": "___SPieRect_10j51_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);
@@ -93,14 +96,14 @@ function getTicks(tickSize, radius) {
     return ticks;
   }, []);
 }
-function pieContains(_ref12, _ref13) {
-  var _ref14 = _slicedToArray(_ref12, 3),
-    startAngle = _ref14[0],
-    endAngle = _ref14[1],
-    radius = _ref14[2];
-  var _ref15 = _slicedToArray(_ref13, 2),
-    x = _ref15[0],
-    y = _ref15[1];
+function pieContains(_ref13, _ref14) {
+  var _ref15 = _slicedToArray(_ref13, 3),
+    startAngle = _ref15[0],
+    endAngle = _ref15[1],
+    radius = _ref15[2];
+  var _ref16 = _slicedToArray(_ref14, 2),
+    x = _ref16[0],
+    y = _ref16[1];
   var distance = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
   if (distance > radius) return false;
   startAngle = clampAngle(startAngle);
@@ -180,18 +183,22 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "getPolygonProps",
-    value: function getPolygonProps(_ref16, index) {
-      var dataKey = _ref16.dataKey;
+    value: function getPolygonProps(_ref17, index) {
+      var dataKey = _ref17.dataKey;
       var _this$asProps2 = this.asProps,
         data = _this$asProps2.data,
         scale = _this$asProps2.scale,
-        angleOffset = _this$asProps2.angleOffset;
+        angleOffset = _this$asProps2.angleOffset,
+        uid = _this$asProps2.uid,
+        patterns = _this$asProps2.patterns;
       return {
         offset: this.offset,
         data: data[dataKey] || [],
         scale: scale,
         angleOffset: angleOffset,
-        color: getChartDefaultColorName(index)
+        color: getChartDefaultColorName(index),
+        uid: "".concat(uid, "-").concat(index),
+        patterns: patterns
       };
     }
   }, {
@@ -268,7 +275,8 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         transparent = _this$asProps4.transparent,
         dataKey = _this$asProps4.dataKey,
         dataHintsHandler = _this$asProps4.dataHintsHandler,
-        angleOffset = _this$asProps4.angleOffset;
+        angleOffset = _this$asProps4.angleOffset,
+        patterns = _this$asProps4.patterns;
       return {
         data: data,
         scale: scale,
@@ -277,7 +285,8 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         transparent: transparent,
         categoryKey: dataKey,
         dataHintsHandler: dataHintsHandler,
-        angleOffset: angleOffset
+        angleOffset: angleOffset,
+        patterns: patterns
       };
     }
   }, {
@@ -308,25 +317,33 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         data = _this$asProps6.data,
         color = _this$asProps6.color,
         resolveColor = _this$asProps6.resolveColor,
-        fill = _this$asProps6.fill;
-      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygon, _ref3.cn("SPolygon", {
+        fill = _this$asProps6.fill,
+        uid = _this$asProps6.uid,
+        patterns = _this$asProps6.patterns;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, (_ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygon, _ref3.cn("SPolygon", {
         "render": 'path',
         "d": d3(data),
-        "color": resolveColor(fill || color)
-      }));
+        "color": resolveColor(fill || color),
+        "pattern": patterns ? "url(#".concat(uid, "-pattern)") : undefined
+      }))), patterns && /*#__PURE__*/React.createElement(PatternFill, _ref3.cn("PatternFill", {
+        "id": "".concat(uid, "-pattern"),
+        "patternKey": color,
+        "color": resolveColor(fill || color),
+        "patterns": patterns
+      })));
     }
   }]);
   return PolygonRoot;
 }(Component);
 _defineProperty(PolygonRoot, "displayName", 'Polygon');
 _defineProperty(PolygonRoot, "style", style);
-_defineProperty(PolygonRoot, "defaultProps", function (_ref21) {
-  var scale = _ref21.scale,
-    _ref21$curve = _ref21.curve,
-    curve = _ref21$curve === void 0 ? curveLinearClosed : _ref21$curve,
-    size = _ref21.size,
-    offset = _ref21.offset,
-    angleOffset = _ref21.angleOffset;
+_defineProperty(PolygonRoot, "defaultProps", function (_ref22) {
+  var scale = _ref22.scale,
+    _ref22$curve = _ref22.curve,
+    curve = _ref22$curve === void 0 ? curveLinearClosed : _ref22$curve,
+    size = _ref22.size,
+    offset = _ref22.offset,
+    angleOffset = _ref22.angleOffset;
   scale.range([0, Math.min(size[0], size[1]) / 2 - offset]);
   return {
     d3: lineRadial().curve(curve).radius(function (d) {
@@ -361,9 +378,10 @@ function PolygonDots(props) {
     scale = props.scale,
     transparent = props.transparent,
     categoryKey = props.categoryKey,
-    angleOffset = props.angleOffset;
+    angleOffset = props.angleOffset,
+    patterns = props.patterns;
   return data.map(function (value, i) {
-    var _ref5;
+    var _ref6;
     if (value === null || value === undefined) return;
     var radius = scale(value);
     props.dataHintsHandler.describeGroupedValues(categoryKey, "".concat(categoryKey, ".").concat(i));
@@ -371,13 +389,34 @@ function PolygonDots(props) {
       _getRadianPosition2 = _slicedToArray(_getRadianPosition, 2),
       cx = _getRadianPosition2[0],
       cy = _getRadianPosition2[1];
-    return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygonDot, _ref5.cn("SPolygonDot", {
-      "key": i,
-      "render": 'circle',
-      "cx": cx,
-      "cy": cy,
+    if (!patterns) {
+      var _ref5;
+      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygonDot, _ref5.cn("SPolygonDot", {
+        "render": 'circle',
+        "color": resolveColor(color),
+        "transparent": transparent,
+        "patternKey": color,
+        "key": "".concat(i),
+        "cx": cx,
+        "cy": cy
+      }));
+    }
+    var patternKey = color || getChartDefaultColorName(0);
+    var _getPatternSymbolSize = getPatternSymbolSize({
+        patternKey: patternKey,
+        patterns: patterns
+      }),
+      _getPatternSymbolSize2 = _slicedToArray(_getPatternSymbolSize, 2),
+      width = _getPatternSymbolSize2[0],
+      height = _getPatternSymbolSize2[1];
+    return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygonDot, _ref6.cn("SPolygonDot", {
+      "render": PatternSymbol,
       "color": resolveColor(color),
-      "transparent": transparent
+      "transparent": transparent,
+      "patternKey": color,
+      "key": "".concat(i),
+      "x": cx - width / 2,
+      "y": cy - height / 2
     }));
   });
 }
@@ -395,8 +434,8 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
     _defineProperty(_assertThisInitialized(_this2), "state", {
       activeLineIndex: null
     });
-    _defineProperty(_assertThisInitialized(_this2), "handlerTooltipVisible", function (_visible, _anchorProps, _ref17) {
-      var index = _ref17.index;
+    _defineProperty(_assertThisInitialized(_this2), "handlerTooltipVisible", function (_visible, _anchorProps, _ref18) {
+      var index = _ref18.index;
       _this2.setState({
         activeLineIndex: index
       });
@@ -414,9 +453,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
     }
   }, {
     key: "getTicksProps",
-    value: function getTicksProps(_ref18) {
-      var _ref18$tickSize = _ref18.tickSize,
-        tickSize = _ref18$tickSize === void 0 ? 100 : _ref18$tickSize;
+    value: function getTicksProps(_ref19) {
+      var _ref19$tickSize = _ref19.tickSize,
+        tickSize = _ref19$tickSize === void 0 ? 100 : _ref19$tickSize;
       var _this$asProps7 = this.asProps,
         data = _this$asProps7.data,
         offset = _this$asProps7.offset,
@@ -435,9 +474,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
     }
   }, {
     key: "getLabelsProps",
-    value: function getLabelsProps(_ref19) {
-      var _ref19$labelOffset = _ref19.labelOffset,
-        labelOffset = _ref19$labelOffset === void 0 ? 10 : _ref19$labelOffset;
+    value: function getLabelsProps(_ref20) {
+      var _ref20$labelOffset = _ref20.labelOffset,
+        labelOffset = _ref20$labelOffset === void 0 ? 10 : _ref20$labelOffset;
       var _this$asProps8 = this.asProps,
         offset = _this$asProps8.offset,
         categories = _this$asProps8.categories,
@@ -466,7 +505,7 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
   }, {
     key: "render",
     value: function render() {
-      var _ref6;
+      var _ref7;
       var _this$asProps9 = this.asProps,
         SAxis = _this$asProps9.Element,
         styles = _this$asProps9.styles,
@@ -478,12 +517,12 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
       var activeLineIndex = this.state.activeLineIndex;
       var radius = Math.min(size[0], size[1]) / 2 - offset;
       var total = categories.length;
-      return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, type === 'circle' ? /*#__PURE__*/React.createElement(SAxis, _ref6.cn("SAxis", {
+      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, type === 'circle' ? /*#__PURE__*/React.createElement(SAxis, _ref7.cn("SAxis", {
         "render": 'circle',
         "cx": 0,
         "cy": 0,
         "r": radius
-      })) : /*#__PURE__*/React.createElement(SAxis, _ref6.cn("SAxis", {
+      })) : /*#__PURE__*/React.createElement(SAxis, _ref7.cn("SAxis", {
         "render": 'path',
         "d": this.createLineRadial(radius, total)(categories)
       })), categories.map(function (category, i) {
@@ -510,9 +549,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
 }(Component);
 _defineProperty(AxisRoot, "displayName", 'Polygon');
 _defineProperty(AxisRoot, "style", style);
-_defineProperty(AxisRoot, "defaultProps", function (_ref22) {
-  var data = _ref22.data,
-    dataKey = _ref22.dataKey;
+_defineProperty(AxisRoot, "defaultProps", function (_ref23) {
+  var data = _ref23.data,
+    dataKey = _ref23.dataKey;
   var categories = data[dataKey];
   return {
     categories: categories
@@ -529,17 +568,17 @@ function AxisTicks(props) {
     type = props.type;
   var radius = Math.min(size[0], size[1]) / 2 - offset;
   return ticks.map(function (tick, i) {
-    var _ref7;
+    var _ref8;
     d3.radius(function () {
       return radius * tick;
     });
-    return _ref7 = sstyled(styles), type === 'circle' ? /*#__PURE__*/React.createElement(SAxisTick, _ref7.cn("SAxisTick", {
+    return _ref8 = sstyled(styles), type === 'circle' ? /*#__PURE__*/React.createElement(SAxisTick, _ref8.cn("SAxisTick", {
       "key": i,
       "render": 'circle',
       "cx": 0,
       "cy": 0,
       "r": radius * tick
-    })) : /*#__PURE__*/React.createElement(SAxisTick, _ref7.cn("SAxisTick", {
+    })) : /*#__PURE__*/React.createElement(SAxisTick, _ref8.cn("SAxisTick", {
       "render": 'path',
       "key": i,
       "d": d3(categories)
@@ -565,10 +604,10 @@ function AxisLabels(props) {
       xDirection = _getLabelPlacement2[0],
       yDirection = _getLabelPlacement2[1];
     if (typeof category === 'string') {
-      var _ref8;
+      var _ref9;
       props.dataHintsHandler.labelKey('value', i, category);
       var lines = category.split('\n');
-      return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SAxisLabel, _ref8.cn("SAxisLabel", {
+      return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SAxisLabel, _ref9.cn("SAxisLabel", {
         "key": i,
         "render": 'text',
         "childrenPosition": 'inside',
@@ -586,11 +625,11 @@ function AxisLabels(props) {
     }
     if ( /*#__PURE__*/React.isValidElement(category)) {
       var _category$props;
-      var _ref20 = (_category$props = category === null || category === void 0 ? void 0 : category.props) !== null && _category$props !== void 0 ? _category$props : {},
-        _ref20$width = _ref20.width,
-        width = _ref20$width === void 0 ? 0 : _ref20$width,
-        _ref20$height = _ref20.height,
-        height = _ref20$height === void 0 ? 0 : _ref20$height;
+      var _ref21 = (_category$props = category === null || category === void 0 ? void 0 : category.props) !== null && _category$props !== void 0 ? _category$props : {},
+        _ref21$width = _ref21.width,
+        width = _ref21$width === void 0 ? 0 : _ref21$width,
+        _ref21$height = _ref21.height,
+        height = _ref21$height === void 0 ? 0 : _ref21$height;
       var _getLabelOffsetPositi = getLabelOffsetPosition(xDirection, yDirection, width, height),
         _getLabelOffsetPositi2 = _slicedToArray(_getLabelOffsetPositi, 2),
         xOffset = _getLabelOffsetPositi2[0],
@@ -623,7 +662,8 @@ var Hover = /*#__PURE__*/function (_Component4) {
       var _this3$asProps = _this3.asProps,
         eventEmitter = _this3$asProps.eventEmitter,
         size = _this3$asProps.size,
-        rootRef = _this3$asProps.rootRef;
+        rootRef = _this3$asProps.rootRef,
+        patterns = _this3$asProps.patterns;
       var point = eventToPoint(e, rootRef.current);
       var diam = Math.min(size[0], size[1]);
       var centerX = point[0] - diam / 2;
@@ -638,16 +678,19 @@ var Hover = /*#__PURE__*/function (_Component4) {
         index: index
       }, function () {
         eventEmitter.emit('onTooltipVisible', index !== null, {}, {
-          index: index
+          index: index,
+          patterns: patterns
         }, _this3.virtualElement);
       });
     }));
     _defineProperty(_assertThisInitialized(_this3), "handlerMouseLeaveRoot", trottle(function () {
+      var patterns = _this3.asProps.patterns;
       _this3.setState({
         index: null
       }, function () {
         _this3.asProps.eventEmitter.emit('onTooltipVisible', false, {}, {
-          index: null
+          index: null,
+          patterns: patterns
         });
       });
     }));
@@ -758,20 +801,20 @@ var Hover = /*#__PURE__*/function (_Component4) {
       var SPieRect = this.Element;
       if (index !== null) {
         if (type === 'circle') {
-          var _ref9;
+          var _ref10;
           var _this$getPie = this.getPie(index),
             _this$getPie2 = _slicedToArray(_this$getPie, 3),
             startAngle = _this$getPie2[0],
             endAngle = _this$getPie2[1],
             radius = _this$getPie2[2];
           var circle = arc().innerRadius(0).outerRadius(radius).startAngle(startAngle).endAngle(endAngle);
-          return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref9.cn("SPieRect", {
+          return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref10.cn("SPieRect", {
             "render": 'path',
             "d": circle()
           }));
         } else {
-          var _ref10;
-          return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref10.cn("SPieRect", {
+          var _ref11;
+          return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref11.cn("SPieRect", {
             "render": 'path',
             "d": line()(this.getPolygon(index))
           }));
@@ -792,9 +835,9 @@ var Polygon = createElement(PolygonRoot, {
 });
 var RadarTooltip = function RadarTooltip(props) {
   var _ref = arguments[0],
-    _ref11;
+    _ref12;
   var SRadarTooltip = Tooltip;
-  return _ref11 = sstyled(props.styles), /*#__PURE__*/React.createElement(SRadarTooltip, _ref11.cn("SRadarTooltip", _objectSpread({}, _assignProps({
+  return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SRadarTooltip, _ref12.cn("SRadarTooltip", _objectSpread({}, _assignProps({
     "tag": Radar.Hover,
     "excludeAnchorProps": true
   }, _ref))));