@evergis/charts 2.0.53 → 2.0.56

package/dist/charts/BarChart/drawLines/index.d.ts

@@ -1,5 +1,5 @@
 import * as d3 from 'd3';
-import { BarChartLinetData } from '../types';
+import { BarChartLineData } from '../types';
 import { DrawLinesProps } from './types';
 export declare const barChartLinesClassNames: {
     barChartLinesGlobal: string;
@@ -8,7 +8,7 @@ export declare const barChartLinesClassNames: {
     barChartArea: string;
 };
 export declare const drawLines: ({ svg, lineData, min, yScale, xScale, curve, stackedLine, }: DrawLinesProps) => {
-    areasSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLinetData, SVGGElement, unknown> | null;
-    linesSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLinetData, SVGGElement, unknown> | null;
+    areasSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLineData, SVGGElement, unknown> | null;
+    linesSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLineData, SVGGElement, unknown> | null;
     area: d3.Area<[number, number]> | null;
 };

package/dist/charts/BarChart/drawLines/types.d.ts

@@ -1,9 +1,9 @@
 import * as d3 from 'd3';
-import { BarChartProps, BarChartLinetData } from '../types';
+import { BarChartProps, BarChartLineData } from '../types';
 export declare type DrawLinesProps = {
     min: number;
     svg: d3.Selection<SVGSVGElement, unknown, null, undefined>;
     yScale: d3.ScaleLinear<number, number>;
     xScale: d3.ScaleBand<string>;
-    lineData: BarChartLinetData[];
+    lineData: BarChartLineData[];
 } & Pick<BarChartProps, 'stackedLine' | 'curve'>;

package/dist/charts/BarChart/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { FC } from 'react';
 import { BarChartProps } from './types';
-export declare const BarChart: React.FC<BarChartProps>;
+export declare const BarChart: FC<BarChartProps>;

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

@@ -20,11 +20,18 @@ export declare type BarChartLabelSetTooltipPosition = (position: {
     top: number;
     svgWidth: number;
 }) => void;
+export interface BarChartMarker {
+    label: string;
+    value: number;
+    color?: string;
+    className?: string;
+}
 export declare type BarChartProps = {
     className?: string;
     style?: CSSProperties;
     data: BarChartData[];
-    lineData?: BarChartLinetData[];
+    markers?: BarChartMarker[];
+    lineData?: BarChartLineData[];
     colors: BarChartColors;
     margin?: Margin;
     barWidth?: number;
@@ -50,11 +57,11 @@ export declare type BarChartProps = {
         bars: d3.Selection<Element | d3.EnterElement | Document | Window | SVGRectElement | null, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]> | d3.Transition<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]>;
         yScale: (value: number) => number;
         lines: null | {
-            linesSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLinetData, SVGGElement, unknown> | null;
-            areasSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLinetData, SVGGElement, unknown> | null;
+            linesSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLineData, SVGGElement, unknown> | null;
+            areasSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLineData, SVGGElement, unknown> | null;
             area: d3.Area<[number, number]> | null;
         };
-        lineData?: BarChartLinetData[];
+        lineData?: BarChartLineData[];
         marshalledData: BarChartMarshalledGroup[][];
     }) => void;
     minValue?: number;
@@ -81,7 +88,7 @@ export declare type BarChartProps = {
     formatTooltipValue?: (value: number) => number | string | ReactNode;
     tooltipYDomain?: ((data: {
         data: BarChartMarshalledGroup[][];
-        lineData?: BarChartLinetData[];
+        lineData?: BarChartLineData[];
         yScale: (value: number) => number;
     }) => number[]) | null;
     marshalledMap?: (data: BarChartMarshalledGroup[][]) => BarChartMarshalledGroup[][];
@@ -96,7 +103,7 @@ export declare type BarChartProps = {
         marshalledData: BarChartMarshalledGroup[][];
         yScale: (value: number) => number;
         xScale: d3.ScaleBand<string>;
-        lineData?: BarChartLinetData[];
+        lineData?: BarChartLineData[];
     }) => void;
     onLabelItem?: (data: BarChartMarshalledGroup[]) => BarChartMarshalledGroup[];
     isBarTooltip?: boolean;
@@ -104,7 +111,7 @@ export declare type BarChartProps = {
     tooltipRoot?: Element;
     tooltipClassName?: string;
 };
-export declare type BarChartMergedData = (BarChartMarshalledGroup & BarChartLinetData & {
+export declare type BarChartMergedData = (BarChartMarshalledGroup & BarChartLineData & {
     groupName: string;
 })[];
 export declare type BarChartMarshaling = {
@@ -123,7 +130,7 @@ export declare type BarChartMarshalledGroup = {
     stackIndex: number;
     groupIndex: number;
 };
-export declare type BarChartLinetData = {
+export declare type BarChartLineData = {
     lineType: 'line' | 'area';
     name: string;
     values: (number | null)[];

package/dist/charts.cjs.development.js

@@ -2473,6 +2473,7 @@ const draw$4 = (node, props) => {
   const {
     data,
     lineData = [],
+    markers = [],
     barWidth: barWidthProp,
     barPadding,
     colors,
@@ -2622,6 +2623,14 @@ const draw$4 = (node, props) => {
       groups,
       barWidth
     });
+    markers.forEach(marker => {
+      if (!marker) {
+        return;
+      }
+
+      svg.append('line').style("stroke", marker.color || "inherit").style("stroke-width", 1).style("stroke-dasharray", "5, 3").attr("x1", width / data.length * marker.value + 1).attr("y1", 0).attr("x2", width / data.length * marker.value + 1).attr("y2", height - marginTop - marginBottom + marginBottom / 2);
+      svg.append("text").attr("y", height).attr("x", width / data.length * marker.value + 1).attr('text-anchor', 'middle').attr("class", ["marker", marker.className].filter(Boolean).join(" ")).style("fill", (marker == null ? void 0 : marker.color) || "inherit").text(marker.label);
+    });
     let lines = null;
 
     if (Array.isArray(lineData) && lineData.length > 0) {