update lineDots and dotsItem to pass datum to customSymbol function

plouc · Jan 14, 2019 · 6ebef54 · 6ebef54
1 parent aca4579
commit 6ebef54
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/core/src/components/dots/DotsItem.js b/packages/core/src/components/dots/DotsItem.js
@@ -17,6 +17,7 @@ const DotsItem = ({
     y,
     symbol,
     size,
+    datum,
     color,
     borderWidth,
     borderColor,
@@ -29,6 +30,7 @@ const DotsItem = ({
         {React.createElement(symbol, {
             size: size,
             color: color,
+            datum: datum,
             borderWidth: borderWidth,
             borderColor: borderColor,
         })}
@@ -43,6 +45,7 @@ const DotsItem = ({
 DotsItem.propTypes = {
     x: PropTypes.number.isRequired,
     y: PropTypes.number.isRequired,
+    datum: PropTypes.object.isRequired,
 
     size: PropTypes.number.isRequired,
     color: PropTypes.string.isRequired,

diff --git a/packages/line/src/LineDots.js b/packages/line/src/LineDots.js
@@ -45,6 +45,7 @@ const LineDots = ({
                         key: `${id}.${datum.data.x}`,
                         x: datum.position.x,
                         y: datum.position.y,
+                        datum: datum,
                         fill: color(line),
                         stroke: borderColor(line),
                         label: enableLabel ? getLabel(datum.data) : null,
@@ -61,6 +62,7 @@ const LineDots = ({
                         key={point.key}
                         x={point.x}
                         y={point.y}
+                        datum={point.datum}
                         symbol={symbol}
                         size={size}
                         color={point.fill}
@@ -100,6 +102,7 @@ const LineDots = ({
                             key={key}
                             {...style}
                             symbol={symbol}
+                            datum={point.datum}
                             color={point.fill}
                             borderWidth={borderWidth}
                             borderColor={point.stroke}