@evergis/charts 2.0.87 → 2.0.91

package/dist/charts.esm.js

@@ -1,6 +1,6 @@
 import styled, { css, createGlobalStyle } from 'styled-components';
 import React, { useState, useCallback, useMemo, useEffect, useRef, Fragment } from 'react';
-import { select, pointer, min, max, scaleLinear, lineRadial, curveLinearClosed, range as range$1, format, arc, pie, create, quantize, interpolate, interpolateRound, quantile, axisBottom, group, utcFormat, scaleSequential, interpolateGreens, utcYear, utcMonths, utcMonth, utcSunday, utcMonday, axisLeft, line, curveLinear, area, scaleBand, sum } from 'd3';
+import { select, pointer, min, max, scaleLinear, lineRadial, curveLinearClosed, range as range$1, format, arc, pie, create, quantize, interpolate, interpolateRound, quantile, axisBottom, group, utcFormat, scaleSequential, interpolateGreens, utcYear, utcMonths, utcMonth, utcSunday, utcMonday, axisLeft, line, curveLinear, area, scaleBand, sum, scaleLog } from 'd3';
 import ReactDOMServer from 'react-dom/server';
 import { unmountComponentAtNode, render } from 'react-dom';
 
@@ -3387,9 +3387,11 @@ const draw$5 = (node, props) => {
     maxYValue,
     drawGridY,
     drawGridX,
+    xScaleLog,
     xScaleItemWidth,
     bubbleStyle,
     customize,
+    yScaleLog,
     yScaleLabel,
     yScaleLabelPadding,
     enableTooltip,
@@ -3434,7 +3436,7 @@ const draw$5 = (node, props) => {
       return sizeValue;
     })]).range([minSize || bubbleChartDefaultProps.minSize, maxSize || bubbleChartDefaultProps.maxSize]);
     const yRange1 = height - marginTop - marginBottom - (xAxisPadding || 0);
-    const yScale = scaleLinear().domain([minY, maxY]).range([yRange1, marginTop]).nice();
+    const yScale = yScaleLog ? scaleLog().domain([minY, maxY]).range([yRange1, marginTop]).nice() : scaleLinear().domain([minY, maxY]).range([yRange1, marginTop]).nice();
     customYScale && customYScale(yScale);
     const yTicks = yScale.ticks();
     const yAxisLeft = axisLeft(yScale).ticks(yTicksCountDefault);
@@ -3460,7 +3462,7 @@ const draw$5 = (node, props) => {
       width: yAxisWidth
     } = computeDimensions(yAxis);
     const range = [marginLeft + yAxisWidth + (yAxisPadding || 0) + yScaleLabelHeight, width - marginRight];
-    const xScale = scaleLinear().domain([min(data, _ref5 => {
+    const xScale = xScaleLog ? scaleLog().domain([min(data, _ref5 => {
       let {
         xValue
       } = _ref5;
@@ -3470,6 +3472,16 @@ const draw$5 = (node, props) => {
         xValue
       } = _ref6;
       return xValue;
+    })]).range(range) : scaleLinear().domain([min(data, _ref7 => {
+      let {
+        xValue
+      } = _ref7;
+      return xValue;
+    }), max(data, _ref8 => {
+      let {
+        xValue
+      } = _ref8;
+      return xValue;
     })]).range(range);
     customXScale && customXScale(xScale);
     const xAxisBottom = axisBottom(xScale);
@@ -3492,35 +3504,35 @@ const draw$5 = (node, props) => {
       drawGridX
     });
     xAxis.attr('transform', "translate(0, " + (yScale(yTicks[0]) + (xAxisPadding || 0)) + ")");
-    const bubbles = svg.append('g').selectAll('dot').data(data).enter().append('circle').attr('class', bubbleChartClassNames.bubbleChartCircle).attr('cx', _ref7 => {
+    const bubbles = svg.append('g').selectAll('dot').data(data).enter().append('circle').attr('class', bubbleChartClassNames.bubbleChartCircle).attr('cx', _ref9 => {
       let {
         xValue
-      } = _ref7;
+      } = _ref9;
       return xScale(xValue);
-    }).attr('cy', _ref8 => {
+    }).attr('cy', _ref10 => {
       let {
         yValue
-      } = _ref8;
+      } = _ref10;
       return yScale(yValue);
-    }).attr('r', _ref9 => {
+    }).attr('r', _ref11 => {
       let {
         sizeValue
-      } = _ref9;
+      } = _ref11;
       return sizeScale(sizeValue) / 2;
-    }).attr('fill', _ref10 => {
+    }).attr('fill', _ref12 => {
       let {
         color
-      } = _ref10;
+      } = _ref12;
       return color || 'rgba(0, 176, 113, 0.6)';
-    }).attr('stroke', _ref11 => {
+    }).attr('stroke', _ref13 => {
       let {
         stroke
-      } = _ref11;
+      } = _ref13;
       return stroke || 'transparent';
-    }).attr('style', _ref12 => {
+    }).attr('style', _ref14 => {
       let {
         style
-      } = _ref12;
+      } = _ref14;
       return style || bubbleStyle || '';
     });