@evergis/charts 2.0.87 → 2.0.91

package/dist/charts/BubbleChart/types.d.ts

@@ -42,9 +42,11 @@ export declare type BubbleChartProps = {
     maxYValue?: number;
     drawGridY?: boolean;
     drawGridX?: boolean;
+    xScaleLog?: boolean;
     xScaleItemWidth?: number;
     bubbleStyle?: string;
     customize?: (props: BubbleChartCustomizeProps) => void;
+    yScaleLog?: boolean;
     yScaleLabel?: string;
     yScaleLabelPadding?: number;
     enableTooltip?: boolean;

package/dist/charts.cjs.development.js

@@ -3395,9 +3395,11 @@ const draw$5 = (node, props) => {
     maxYValue,
     drawGridY,
     drawGridX,
+    xScaleLog,
     xScaleItemWidth,
     bubbleStyle,
     customize,
+    yScaleLog,
     yScaleLabel,
     yScaleLabelPadding,
     enableTooltip,
@@ -3442,7 +3444,7 @@ const draw$5 = (node, props) => {
       return sizeValue;
     })]).range([minSize || bubbleChartDefaultProps.minSize, maxSize || bubbleChartDefaultProps.maxSize]);
     const yRange1 = height - marginTop - marginBottom - (xAxisPadding || 0);
-    const yScale = d3.scaleLinear().domain([minY, maxY]).range([yRange1, marginTop]).nice();
+    const yScale = yScaleLog ? d3.scaleLog().domain([minY, maxY]).range([yRange1, marginTop]).nice() : d3.scaleLinear().domain([minY, maxY]).range([yRange1, marginTop]).nice();
     customYScale && customYScale(yScale);
     const yTicks = yScale.ticks();
     const yAxisLeft = d3.axisLeft(yScale).ticks(yTicksCountDefault);
@@ -3468,7 +3470,7 @@ const draw$5 = (node, props) => {
       width: yAxisWidth
     } = computeDimensions(yAxis);
     const range = [marginLeft + yAxisWidth + (yAxisPadding || 0) + yScaleLabelHeight, width - marginRight];
-    const xScale = d3.scaleLinear().domain([d3.min(data, _ref5 => {
+    const xScale = xScaleLog ? d3.scaleLog().domain([d3.min(data, _ref5 => {
       let {
         xValue
       } = _ref5;
@@ -3478,6 +3480,16 @@ const draw$5 = (node, props) => {
         xValue
       } = _ref6;
       return xValue;
+    })]).range(range) : d3.scaleLinear().domain([d3.min(data, _ref7 => {
+      let {
+        xValue
+      } = _ref7;
+      return xValue;
+    }), d3.max(data, _ref8 => {
+      let {
+        xValue
+      } = _ref8;
+      return xValue;
     })]).range(range);
     customXScale && customXScale(xScale);
     const xAxisBottom = d3.axisBottom(xScale);
@@ -3500,35 +3512,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 || '';
     });