@evergis/charts 2.0.16 → 2.0.17

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

@@ -51,7 +51,7 @@ export declare type LineChartProps = {
     xScaleItemWidth?: number;
 };
 export declare type LineChartDot = {
-    radius: number;
+    radius?: number;
     style?: string;
     filter?: (value: LineChartData, index: number, circles: (d3.BaseType | SVGCircleElement)[] | ArrayLike<d3.BaseType | SVGCircleElement>) => boolean;
 };
@@ -65,7 +65,9 @@ export declare type LineChartData = {
     style?: string;
     dot?: LineChartDot;
     dynamicDotStyle?: string;
+    dynamicDotOff?: boolean;
     areaStyle?: string;
+    tooltipOrder?: number;
 };
 export declare type LineChartDatas = Omit<LineChartData, 'values'> & {
     value: number | null;

package/dist/charts.cjs.development.js

@@ -1721,16 +1721,21 @@ const drawTooltip$1 = (_ref) => {
   const mouseRect = mouseGlobal.append('rect').attr('width', x2 - x1).attr('height', Math.abs(y1 - y2)).attr('class', lineChartClassNames.lineChartMouseRect).attr('transform', "translate(" + x1 + ", " + y2 + ")");
   const mouseLine = mouseGlobal.append('path').attr('class', lineChartClassNames.lineChartMouseLine).style('opacity', '0');
   const lines = svg.selectAll("." + lineChartClassNames.lineChartLine).nodes();
-  const circles = mouseGlobal.selectAll('circle').data(chartData).join('circle').attr('class', lineChartClassNames.lineChartMouseCircle).attr('r', dynamicCircleRadius).attr('fill', (_ref3) => {
+  const circles = mouseGlobal.selectAll('circle').data(chartData.filter((_ref3) => {
     let {
-      stroke
+      dynamicDotOff
     } = _ref3;
-    return stroke || 'none';
-  }).attr('stroke', (_ref4) => {
+    return !dynamicDotOff;
+  })).join('circle').attr('class', lineChartClassNames.lineChartMouseCircle).attr('r', dynamicCircleRadius).attr('fill', (_ref4) => {
     let {
       stroke
     } = _ref4;
     return stroke || 'none';
+  }).attr('stroke', (_ref5) => {
+    let {
+      stroke
+    } = _ref5;
+    return stroke || 'none';
   }).style('opacity', '0');
   let labelContainer = d3.select("." + lineChartClassNames.lineChartMouseLabelContainer);
 
@@ -1791,27 +1796,27 @@ const drawTooltip$1 = (_ref) => {
     circles.attr('transform', (lineChartData, index) => {
       const value = getValue(lineChartData.values);
       return positions[index] && value ? 'translate(' + x + ',' + positions[index].y + ')' : 'translate(-9999, -9999)';
-    }).attr('style', (_ref5) => {
+    }).attr('style', (_ref6) => {
       let {
         dynamicDotStyle
-      } = _ref5;
+      } = _ref6;
       return dynamicDotStyle || '';
     });
-    const datas = chartData.map((_ref6, i) => {
+    const datas = chartData.map((_ref7, i) => {
       let {
         values
-      } = _ref6,
-          rest = _objectWithoutPropertiesLoose(_ref6, ["values"]);
+      } = _ref7,
+          rest = _objectWithoutPropertiesLoose(_ref7, ["values"]);
 
       return _extends({}, rest, {
         value: getValue(values),
         invertValue: positions[i] ? yScale.invert(positions[i].y) : 0
       });
     });
-    const noHasData = datas.every((_ref7) => {
+    const noHasData = datas.every((_ref8) => {
       let {
         value
-      } = _ref7;
+      } = _ref8;
       return isVoid(value);
     });
 
@@ -1826,7 +1831,8 @@ const drawTooltip$1 = (_ref) => {
 
       const prevValue = (_datas$Number = datas[Number(acc)]) == null ? void 0 : _datas$Number.value;
       const value = (_datas$Number2 = datas[Number(key)]) == null ? void 0 : _datas$Number2.value;
-      return index === 0 || isVoid(value) ? acc : isVoid(prevValue) || positions[acc].y > positions[key].y ? key : acc;
+      const dynamicDotOff = argData == null ? void 0 : argData[index].dynamicDotOff;
+      return index === 0 || isVoid(value) || dynamicDotOff ? acc : isVoid(prevValue) || positions[acc].y > positions[key].y ? key : acc;
     }, '0');
     const labelTexts = labels && labels.style('left', left + "px").style('top', (_, i) => {
       const index = typeof stackedTooltipIndex === 'number' ? stackedTooltipIndex : stackedTooltip ? topIndex : i;
@@ -2072,7 +2078,7 @@ const draw$3 = (node, props) => {
           filter
         } = dot;
         const dotsGroup = dotsGlobal.append('g').attr('class', lineChartClassNames.lineChartDotsGlobal);
-        dotsGroup.selectAll('circle').data(values).join('circle').attr('cx', (_, index) => xScale(index)).attr('class', lineChartClassNames.lineChartDot).attr('cy', d => yScale(d)).attr('r', radius).attr('style', style || '');
+        dotsGroup.selectAll('circle').data(values).join('circle').attr('cx', (_, index) => xScale(index)).attr('class', lineChartClassNames.lineChartDot).attr('cy', d => yScale(d)).attr('r', radius || 0).attr('style', style || '');
 
         if (filter) {
           dotsGroup.selectAll('circle').select((_, i, g) => filter(item, i, g) ? g[i] : null).remove();