npm - @fluentui/react-charting - Versions diffs - 5.24.12 → 5.24.14 - Mend

@fluentui/react-charting 5.24.12 → 5.24.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (154) hide show

package/lib/utilities/scatterpolar-utils.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { ScaleLinear } from 'd3-scale';
  * Helper to render categorical labels for scatterpolar charts with improved overlap logic across all series
  * Now places labels at equal angles for all unique texts, regardless of data positions.
  */
-export declare function renderScatterPolarCategoryLabels({ allSeriesData, xAxisScale, yAxisScale, className, maybeLineOptions, minPixelGap, }: {
+export declare function renderScatterPolarCategoryLabels({ allSeriesData, xAxisScale, yAxisScale, className, lineOptions, minPixelGap, }: {
     allSeriesData: {
         data: {
             x: number;
@@ -15,8 +15,11 @@ export declare function renderScatterPolarCategoryLabels({ allSeriesData, xAxisS
     xAxisScale: ScaleLinear<number, number>;
     yAxisScale: ScaleLinear<number, number>;
     className: string;
-    maybeLineOptions?: {
-        originXOffset?: number;
-    };
+    lineOptions?: any;
     minPixelGap?: number;
 }): React.JSX.Element[];
+export declare function extractMaybeLineOptions(lineOptions: any): {
+    originXOffset?: number;
+    direction?: 'clockwise' | 'counterclockwise';
+    rotation?: number;
+} | undefined;

package/lib/utilities/scatterpolar-utils.js CHANGED Viewed

@@ -4,7 +4,9 @@ import * as React from 'react';
  * Now places labels at equal angles for all unique texts, regardless of data positions.
  */
 export function renderScatterPolarCategoryLabels(_a) {
-    var allSeriesData = _a.allSeriesData, xAxisScale = _a.xAxisScale, yAxisScale = _a.yAxisScale, className = _a.className, maybeLineOptions = _a.maybeLineOptions, _b = _a.minPixelGap, minPixelGap = _b === void 0 ? 40 : _b;
+    var _b;
+    var allSeriesData = _a.allSeriesData, xAxisScale = _a.xAxisScale, yAxisScale = _a.yAxisScale, className = _a.className, lineOptions = _a.lineOptions, _c = _a.minPixelGap, minPixelGap = _c === void 0 ? 40 : _c;
+    var maybeLineOptions = extractMaybeLineOptions(lineOptions);
     // 1. Aggregate all data points from all series
     var allLabels = [];
     allSeriesData.forEach(function (series) {
@@ -21,8 +23,11 @@ export function renderScatterPolarCategoryLabels(_a) {
     var placedPositions = [];
     var labelRadius = 0.7; // You can adjust this value for more/less offset
     var numLabels = uniqueTexts.length;
+    // Respect schema or prop rotation and direction (default ccw, 0°)
+    var dirMultiplier = (maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.direction) === 'clockwise' ? -1 : 1;
+    var rotationRad = (((_b = maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.rotation) !== null && _b !== void 0 ? _b : 0) * Math.PI) / 180;
     uniqueTexts.forEach(function (text, i) {
-        var angle = ((2 * Math.PI) / numLabels) * i;
+        var angle = rotationRad + dirMultiplier * ((2 * Math.PI) / numLabels) * i;
         var originXOffset = (maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.originXOffset) || 0;
         var x = xAxisScale(labelRadius * Math.cos(angle) - originXOffset / 2);
         var y = yAxisScale(labelRadius * Math.sin(angle));
@@ -35,4 +40,16 @@ export function renderScatterPolarCategoryLabels(_a) {
     });
     return renderedLabels;
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function extractMaybeLineOptions(lineOptions) {
+    return lineOptions
+        ? {
+            originXOffset: lineOptions.originXOffset,
+            direction: lineOptions.direction === 'clockwise' || lineOptions.direction === 'counterclockwise'
+                ? lineOptions.direction
+                : undefined,
+            rotation: lineOptions.rotation,
+        }
+        : undefined;
+}
 //# sourceMappingURL=scatterpolar-utils.js.map

package/lib/utilities/scatterpolar-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scatterpolar-utils.js","sourceRoot":"../src/","sources":["utilities/scatterpolar-utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,MAAM,UAAU,gCAAgC,CAAC,~~EAchD;QAbC~~,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,~~gBAAgB~~,~~sBAAA~~,~~EAChB~~,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA;~~IAShB~~,+CAA+C;IAC/C,IAAM,SAAS,GAA6C,EAAE,CAAC;IAC/D,aAAa,CAAC,OAAO,CAAC,UAAA,MAAM;QAC1B,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAA,EAAE;YACpB,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;gBACZ,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;YACtD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,uCAAuC;IACvC,IAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC,CAAC,CAAC;IAEpE,kCAAkC;IAClC,IAAM,cAAc,GAAwB,EAAE,CAAC;IAC/C,IAAM,eAAe,GAA+B,EAAE,CAAC;IACvD,IAAM,WAAW,GAAG,GAAG,CAAC,CAAC,iDAAiD;IAC1E,IAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC;IAErC,WAAW,CAAC,OAAO,CAAC,UAAC,IAAI,EAAE,CAAC;QAC1B,IAAM,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;~~QAC9C~~,IAAM,aAAa,GAAG,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,aAAa,KAAI,CAAC,CAAC;QAC3D,IAAM,CAAC,GAAG,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC,CAAC;QACxE,IAAM,CAAC,GAAG,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAEpD,mDAAmD;QACnD,IAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,IAAI,CAAC,IAAI,CAAC,SAAA,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAI,CAAC,CAAA,GAAG,SAAA,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAI,CAAC,CAAA,CAAC,IAAI,WAAW,EAA7D,CAA6D,CAAC,CAAC;QAEhH,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,WAAW,EAAE,CAAC;YAC/C,cAAc,CAAC,IAAI,CACjB,8BACE,GAAG,EAAE,6BAAsB,IAAI,CAAE,EACjC,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,SAAS,EAAE,SAAS,EACpB,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,OAAO,EAAE,CAAC,IAET,IAAI,CACA,CACR,CAAC;YACF,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,GAAA,EAAE,CAAC,GAAA,EAAE,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,cAAc,CAAC;AACxB,CAAC","sourcesContent":["import * as React from 'react';\nimport { ScaleLinear } from 'd3-scale';\n\n/*\n Helper to render categorical labels for scatterpolar charts with improved overlap logic across all series\n * Now places labels at equal angles for all unique texts, regardless of data positions.\n /\nexport function renderScatterPolarCategoryLabels({\n allSeriesData,\n xAxisScale,\n yAxisScale,\n className,\n ~~maybeLineOptions~~,\n minPixelGap = 40,\n}: {\n allSeriesData: { data: { x: number; y: number; text?: string }[] }[];\n xAxisScale: ScaleLinear<number, number>;\n yAxisScale: ScaleLinear<number, number>;\n className: string;\n ~~maybeLineOptions?:~~ { ~~originXOffset~~?: ~~number }~~;\n minPixelGap?: number;\n}): React.JSX.Element[] {\n // 1. Aggregate all data points from all series\n const allLabels: { x: number; y: number; text: string }[] = [];\n allSeriesData.forEach(series => {\n series.data.forEach(pt => {\n if (pt.text) {\n allLabels.push({ x: pt.x, y: pt.y, text: pt.text });\n }\n });\n });\n\n // 2. Deduplicate by text (angle label)\n const uniqueTexts = Array.from(new Set(allLabels.map(l => l.text)));\n\n // 3. Place labels at equal angles\n const renderedLabels: React.JSX.Element[] = [];\n const placedPositions: { x: number; y: number }[] = [];\n const labelRadius = 0.7; // You can adjust this value for more/less offset\n const numLabels = uniqueTexts.length;\n\n uniqueTexts.forEach((text, i) => {\n const angle = ((2 Math.PI) / numLabels) * i;\n const originXOffset = maybeLineOptions?.originXOffset \|\| 0;\n const x = xAxisScale(labelRadius * Math.cos(angle) - originXOffset / 2);\n const y = yAxisScale(labelRadius * Math.sin(angle));\n\n // Check distance from all previously placed labels\n const isFarEnough = placedPositions.every(pos => Math.sqrt((x - pos.x) 2 + (y - pos.y) 2) >= minPixelGap);\n\n if (renderedLabels.length === 0 \|\| isFarEnough) {\n renderedLabels.push(\n <text\n key={`scatterpolar-label-${text}`}\n x={x}\n y={y}\n className={className}\n textAnchor=\"middle\"\n alignmentBaseline=\"middle\"\n opacity={1}\n >\n {text}\n </text>,\n );\n placedPositions.push({ x, y });\n }\n });\n\n return renderedLabels;\n}\n"]}
1	+ {"version":3,"file":"scatterpolar-utils.js","sourceRoot":"../src/","sources":["utilities/scatterpolar-utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { ScaleLinear } from 'd3-scale';\n\n/*\n Helper to render categorical labels for scatterpolar charts with improved overlap logic across all series\n * Now places labels at equal angles for all unique texts, regardless of data positions.\n /\nexport function renderScatterPolarCategoryLabels({\n allSeriesData,\n xAxisScale,\n yAxisScale,\n className,\n lineOptions,\n minPixelGap = 40,\n}: {\n allSeriesData: { data: { x: number; y: number; text?: string }[] }[];\n xAxisScale: ScaleLinear<number, number>;\n yAxisScale: ScaleLinear<number, number>;\n className: string;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n lineOptions?: any;\n minPixelGap?: number;\n}): React.JSX.Element[] {\n const maybeLineOptions = extractMaybeLineOptions(lineOptions);\n\n // 1. Aggregate all data points from all series\n const allLabels: { x: number; y: number; text: string }[] = [];\n allSeriesData.forEach(series => {\n series.data.forEach(pt => {\n if (pt.text) {\n allLabels.push({ x: pt.x, y: pt.y, text: pt.text });\n }\n });\n });\n\n // 2. Deduplicate by text (angle label)\n const uniqueTexts = Array.from(new Set(allLabels.map(l => l.text)));\n\n // 3. Place labels at equal angles\n const renderedLabels: React.JSX.Element[] = [];\n const placedPositions: { x: number; y: number }[] = [];\n const labelRadius = 0.7; // You can adjust this value for more/less offset\n const numLabels = uniqueTexts.length;\n\n // Respect schema or prop rotation and direction (default ccw, 0°)\n const dirMultiplier = maybeLineOptions?.direction === 'clockwise' ? -1 : 1;\n const rotationRad = ((maybeLineOptions?.rotation ?? 0) Math.PI) / 180;\n\n uniqueTexts.forEach((text, i) => {\n const angle = rotationRad + dirMultiplier * ((2 * Math.PI) / numLabels) * i;\n const originXOffset = maybeLineOptions?.originXOffset \|\| 0;\n const x = xAxisScale(labelRadius * Math.cos(angle) - originXOffset / 2);\n const y = yAxisScale(labelRadius * Math.sin(angle));\n\n // Check distance from all previously placed labels\n const isFarEnough = placedPositions.every(pos => Math.sqrt((x - pos.x) 2 + (y - pos.y) 2) >= minPixelGap);\n\n if (renderedLabels.length === 0 \|\| isFarEnough) {\n renderedLabels.push(\n <text\n key={`scatterpolar-label-${text}`}\n x={x}\n y={y}\n className={className}\n textAnchor=\"middle\"\n alignmentBaseline=\"middle\"\n opacity={1}\n >\n {text}\n </text>,\n );\n placedPositions.push({ x, y });\n }\n });\n\n return renderedLabels;\n}\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function extractMaybeLineOptions(lineOptions: any):\n \| {\n originXOffset?: number;\n direction?: 'clockwise' \| 'counterclockwise';\n rotation?: number;\n }\n \| undefined {\n return lineOptions\n ? {\n originXOffset: lineOptions.originXOffset,\n direction:\n lineOptions.direction === 'clockwise' \|\| lineOptions.direction === 'counterclockwise'\n ? lineOptions.direction\n : undefined,\n rotation: lineOptions.rotation,\n }\n : undefined;\n}\n"]}

package/lib/utilities/test-data.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { IChartDataPoint, IChartProps, IHorizontalBarChartWithAxisDataPoint, IVerticalStackedChartProps } from '../index';
+import { IChartDataPoint, IChartProps, IGanttChartDataPoint, IHorizontalBarChartWithAxisDataPoint, IVerticalStackedChartProps } from '../index';
 export declare const chartPointsVBC: {
     x: number;
     y: number;
@@ -41,3 +41,6 @@ export declare const negativeChartPointsVBC: {
     xAxisCalloutData: string;
     yAxisCalloutData: string;
 }[];
+export declare const ganttData: IGanttChartDataPoint[];
+export declare const ganttDataWithLongY: IGanttChartDataPoint[];
+export declare const ganttDataWithNumericY: IGanttChartDataPoint[];

package/lib/utilities/test-data.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { DefaultPalette } from '@fluentui/react/lib/Styling';
+import { DataVizGradientPalette, DataVizPalette, getGradientFromToken, } from '../index';
 export var chartPointsVBC = [
     {
         x: 0,
@@ -259,4 +260,216 @@ export var negativeChartPointsVBC = [
         yAxisCalloutData: '37%',
     },
 ];
+export var ganttData = [
+    {
+        x: {
+            start: new Date('2017-01-01'),
+            end: new Date('2017-02-02'),
+        },
+        y: 'Job-1',
+        legend: 'Complete',
+        color: DataVizPalette.success,
+        gradient: getGradientFromToken(DataVizGradientPalette.success),
+    },
+    {
+        x: {
+            start: new Date('2017-01-17'),
+            end: new Date('2017-02-17'),
+        },
+        y: 'Job-2',
+        legend: 'Complete',
+        color: DataVizPalette.success,
+        gradient: getGradientFromToken(DataVizGradientPalette.success),
+    },
+    {
+        x: {
+            start: new Date('2017-01-14'),
+            end: new Date('2017-03-14'),
+        },
+        y: 'Job-4',
+        legend: 'Complete',
+        color: DataVizPalette.success,
+        gradient: getGradientFromToken(DataVizGradientPalette.success),
+    },
+    {
+        x: {
+            start: new Date('2017-02-15'),
+            end: new Date('2017-03-15'),
+        },
+        y: 'Job-1',
+        legend: 'Incomplete',
+        color: DataVizPalette.warning,
+        gradient: getGradientFromToken(DataVizGradientPalette.warning),
+    },
+    {
+        x: {
+            start: new Date('2017-01-17'),
+            end: new Date('2017-02-17'),
+        },
+        y: 'Job-2',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: getGradientFromToken(DataVizGradientPalette.error),
+    },
+    {
+        x: {
+            start: new Date('2017-03-10'),
+            end: new Date('2017-03-20'),
+        },
+        y: 'Job-3',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: getGradientFromToken(DataVizGradientPalette.error),
+    },
+    {
+        x: {
+            start: new Date('2017-04-01'),
+            end: new Date('2017-04-20'),
+        },
+        y: 'Job-3',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: getGradientFromToken(DataVizGradientPalette.error),
+    },
+    {
+        x: {
+            start: new Date('2017-05-18'),
+            end: new Date(new Date('2017-06-18')),
+        },
+        y: 'Job-3',
+        legend: 'Not Started',
+        color: DataVizPalette.error,
+        gradient: getGradientFromToken(DataVizGradientPalette.error),
+    },
+];
+export var ganttDataWithLongY = [
+    {
+        x: {
+            start: new Date('2024-05-01'),
+            end: new Date('2024-05-07'),
+        },
+        y: 'Site Preparation',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-05-08'),
+            end: new Date('2024-05-21'),
+        },
+        y: 'Foundation Work',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-05-22'),
+            end: new Date('2024-06-02'),
+        },
+        y: 'Framing',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-06-03'),
+            end: new Date('2024-06-09'),
+        },
+        y: 'Roof Installation',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-06-10'),
+            end: new Date('2024-06-23'),
+        },
+        y: 'Plumbing/Electrical',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-07-08'),
+            end: new Date('2024-07-17'),
+        },
+        y: 'Exterior Finishing',
+        legend: 'No',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2024-06-24'),
+            end: new Date('2024-07-07'),
+        },
+        y: 'Interior Finishing',
+        legend: 'Yes (Phase 1)',
+        color: '#f7630cff',
+    },
+    {
+        x: {
+            start: new Date('2024-07-18'),
+            end: new Date('2024-07-24'),
+        },
+        y: 'Final Inspections',
+        legend: 'Yes (Phase 2)',
+        color: '#57811bff',
+    },
+];
+export var ganttDataWithNumericY = [
+    {
+        x: {
+            start: new Date('2021-01-01'),
+            end: new Date('2022-01-10'),
+        },
+        y: 1,
+        legend: 'HR',
+        color: '#637cefff',
+    },
+    {
+        x: {
+            start: new Date('2022-01-15'),
+            end: new Date('2022-01-20'),
+        },
+        y: 2,
+        legend: 'Finance',
+        color: '#f7630cff',
+    },
+    {
+        x: {
+            start: new Date('2022-02-01'),
+            end: new Date('2022-02-08'),
+        },
+        y: 3,
+        legend: 'IT',
+        color: '#57811bff',
+    },
+    {
+        x: {
+            start: new Date('2022-02-10'),
+            end: new Date('2022-02-20'),
+        },
+        y: 4,
+        legend: 'Operations',
+        color: '#9373c0ff',
+    },
+    {
+        x: {
+            start: new Date('2022-03-01'),
+            end: new Date('2022-03-10'),
+        },
+        y: 5,
+        legend: 'Customer Support',
+        color: '#ca5010ff',
+    },
+    {
+        x: {
+            start: new Date('2022-03-05'),
+            end: new Date('2022-03-15'),
+        },
+        y: 6,
+        legend: 'Legal',
+        color: '#3a96ddff',
+    },
+];
 //# sourceMappingURL=test-data.js.map

package/lib/utilities/test-data.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"test-data.js","sourceRoot":"../src/","sources":["utilities/test-data.ts"],"names":[],"mappings":"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","sourcesContent":["import { DefaultPalette } from '@fluentui/react/lib/Styling';\nimport {\n IChartDataPoint,\n IChartProps,\n IHorizontalBarChartWithAxisDataPoint,\n IVSChartDataPoint,\n IVerticalStackedChartProps,\n} from '../index';\n\nexport const chartPointsVBC = [\n {\n x: 0,\n y: 10000,\n legend: 'First',\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '10%',\n },\n {\n x: 10000,\n y: 50000,\n legend: 'Second',\n color: DefaultPalette.blueDark,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '20%',\n },\n {\n x: 25000,\n y: 30000,\n legend: 'Third',\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '37%',\n },\n];\n\nconst firstChartPointsVSBC: IVSChartDataPoint[] = [\n {\n legend: 'Metadata1',\n data: 40,\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '40%',\n },\n {\n legend: 'Metadata2',\n data: 5,\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '5%',\n },\n];\n\nconst secondChartPointsVSBC: IVSChartDataPoint[] = [\n {\n legend: 'Metadata1',\n data: 30,\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '30%',\n },\n {\n legend: 'Metadata2',\n data: 20,\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '20%',\n },\n];\n\nexport const chartPointsVSBC: IVerticalStackedChartProps[] = [\n { chartData: firstChartPointsVSBC, xAxisPoint: 0 },\n { chartData: secondChartPointsVSBC, xAxisPoint: 20 },\n];\n\nexport const chartPoints2VSBC: IVerticalStackedChartProps[] = [\n {\n chartData: firstChartPointsVSBC,\n xAxisPoint: 0,\n lineData: [{ y: 15, legend: 'Line1', color: DefaultPalette.yellow }],\n },\n {\n chartData: secondChartPointsVSBC,\n xAxisPoint: 20,\n lineData: [{ y: 30, legend: 'Line1', color: DefaultPalette.yellow }],\n },\n];\n\nexport const emptychartPointsVSBC: IVerticalStackedChartProps[] = [{ chartData: [], xAxisPoint: 0 }];\n\nexport const pointsHBCWA = [\n {\n x: 10000,\n y: 5000,\n legend: 'Oranges',\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '10%',\n },\n {\n x: 20000,\n y: 50000,\n legend: 'Dogs',\n color: DefaultPalette.blueDark,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '20%',\n },\n {\n x: 25000,\n y: 30000,\n legend: 'Apples',\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '37%',\n },\n\n {\n x: 40000,\n y: 13000,\n legend: 'Bananas',\n color: DefaultPalette.blueLight,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '88%',\n },\n];\n\nexport const pointsDC: IChartDataPoint[] = [\n { legend: 'first', data: 20000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n { legend: 'second', data: 39000, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n { legend: 'third', data: 45000, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const pointsDCElevateMinimumsExample: IChartDataPoint[] = [\n { legend: 'first', data: 39000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n { legend: 'second', data: 20, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n { legend: 'third', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n { legend: 'fourth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n { legend: 'fifth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n { legend: 'sixth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const chartPointsDC: IChartProps = {\n chartTitle: 'Donut chart example',\n chartData: pointsDC,\n};\n\nexport const chartPointsDCElevateMinimums: IChartProps = {\n chartTitle: 'Donut chart example',\n chartData: pointsDC,\n};\n\nexport const chartPointsHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n {\n x: 10000,\n y: 5000,\n legend: 'Oranges',\n color: DefaultPalette.accent,\n yAxisCalloutData: '2020/04/30',\n xAxisCalloutData: '10%',\n },\n {\n x: 20000,\n y: 50000,\n legend: 'Grapes',\n color: DefaultPalette.blueDark,\n yAxisCalloutData: '2020/04/30',\n xAxisCalloutData: '20%',\n },\n {\n x: 25000,\n y: 30000,\n legend: 'Apples',\n color: DefaultPalette.blueMid,\n yAxisCalloutData: '2020/04/30',\n xAxisCalloutData: '37%',\n },\n\n {\n x: 40000,\n y: 13000,\n legend: 'Bananas',\n color: DefaultPalette.blueLight,\n yAxisCalloutData: '2020/04/30',\n xAxisCalloutData: '88%',\n },\n];\n\nexport const chartPointsWithStringYAxisHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n {\n y: 'String One',\n x: 1000,\n color: DefaultPalette.accent,\n },\n {\n y: 'String Two',\n x: 5000,\n color: DefaultPalette.blueDark,\n },\n {\n y: 'String Three',\n x: 3000,\n color: DefaultPalette.blueMid,\n },\n {\n y: 'String Four',\n x: 2000,\n color: DefaultPalette.blue,\n },\n];\n\nexport const chartPointsWithAxisToolTipHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n {\n x: 1000,\n y: 1000,\n color: DefaultPalette.accent,\n },\n {\n x: 2000,\n y: 5000,\n color: DefaultPalette.blueDark,\n },\n {\n x: 3000,\n y: 3000,\n color: DefaultPalette.blueMid,\n },\n {\n x: 4000,\n y: 2000,\n color: DefaultPalette.blue,\n },\n];\n\nexport const allNegativeChartPointsVBC = [\n {\n x: 0,\n y: -10000,\n legend: 'First',\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '10%',\n },\n {\n x: 10000,\n y: -50000,\n legend: 'Second',\n color: DefaultPalette.blueDark,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '20%',\n },\n {\n x: 25000,\n y: -30000,\n legend: 'Third',\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '37%',\n },\n];\n\nexport const negativeChartPointsVBC = [\n {\n x: 0,\n y: 10000,\n legend: 'First',\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '10%',\n },\n {\n x: 10000,\n y: -50000,\n legend: 'Second',\n color: DefaultPalette.blueDark,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '20%',\n },\n {\n x: 25000,\n y: 30000,\n legend: 'Third',\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '37%',\n },\n];\n"]}
1	+ {"version":3,"file":"test-data.js","sourceRoot":"../src/","sources":["utilities/test-data.ts"],"names":[],"mappings":"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","sourcesContent":["import { DefaultPalette } from '@fluentui/react/lib/Styling';\nimport {\n DataVizGradientPalette,\n DataVizPalette,\n IChartDataPoint,\n IChartProps,\n IGanttChartDataPoint,\n IHorizontalBarChartWithAxisDataPoint,\n IVSChartDataPoint,\n IVerticalStackedChartProps,\n getGradientFromToken,\n} from '../index';\n\nexport const chartPointsVBC = [\n {\n x: 0,\n y: 10000,\n legend: 'First',\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '10%',\n },\n {\n x: 10000,\n y: 50000,\n legend: 'Second',\n color: DefaultPalette.blueDark,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '20%',\n },\n {\n x: 25000,\n y: 30000,\n legend: 'Third',\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '37%',\n },\n];\n\nconst firstChartPointsVSBC: IVSChartDataPoint[] = [\n {\n legend: 'Metadata1',\n data: 40,\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '40%',\n },\n {\n legend: 'Metadata2',\n data: 5,\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '5%',\n },\n];\n\nconst secondChartPointsVSBC: IVSChartDataPoint[] = [\n {\n legend: 'Metadata1',\n data: 30,\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '30%',\n },\n {\n legend: 'Metadata2',\n data: 20,\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '20%',\n },\n];\n\nexport const chartPointsVSBC: IVerticalStackedChartProps[] = [\n { chartData: firstChartPointsVSBC, xAxisPoint: 0 },\n { chartData: secondChartPointsVSBC, xAxisPoint: 20 },\n];\n\nexport const chartPoints2VSBC: IVerticalStackedChartProps[] = [\n {\n chartData: firstChartPointsVSBC,\n xAxisPoint: 0,\n lineData: [{ y: 15, legend: 'Line1', color: DefaultPalette.yellow }],\n },\n {\n chartData: secondChartPointsVSBC,\n xAxisPoint: 20,\n lineData: [{ y: 30, legend: 'Line1', color: DefaultPalette.yellow }],\n },\n];\n\nexport const emptychartPointsVSBC: IVerticalStackedChartProps[] = [{ chartData: [], xAxisPoint: 0 }];\n\nexport const pointsHBCWA = [\n {\n x: 10000,\n y: 5000,\n legend: 'Oranges',\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '10%',\n },\n {\n x: 20000,\n y: 50000,\n legend: 'Dogs',\n color: DefaultPalette.blueDark,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '20%',\n },\n {\n x: 25000,\n y: 30000,\n legend: 'Apples',\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '37%',\n },\n\n {\n x: 40000,\n y: 13000,\n legend: 'Bananas',\n color: DefaultPalette.blueLight,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '88%',\n },\n];\n\nexport const pointsDC: IChartDataPoint[] = [\n { legend: 'first', data: 20000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n { legend: 'second', data: 39000, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n { legend: 'third', data: 45000, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const pointsDCElevateMinimumsExample: IChartDataPoint[] = [\n { legend: 'first', data: 39000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n { legend: 'second', data: 20, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n { legend: 'third', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n { legend: 'fourth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n { legend: 'fifth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n { legend: 'sixth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const chartPointsDC: IChartProps = {\n chartTitle: 'Donut chart example',\n chartData: pointsDC,\n};\n\nexport const chartPointsDCElevateMinimums: IChartProps = {\n chartTitle: 'Donut chart example',\n chartData: pointsDC,\n};\n\nexport const chartPointsHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n {\n x: 10000,\n y: 5000,\n legend: 'Oranges',\n color: DefaultPalette.accent,\n yAxisCalloutData: '2020/04/30',\n xAxisCalloutData: '10%',\n },\n {\n x: 20000,\n y: 50000,\n legend: 'Grapes',\n color: DefaultPalette.blueDark,\n yAxisCalloutData: '2020/04/30',\n xAxisCalloutData: '20%',\n },\n {\n x: 25000,\n y: 30000,\n legend: 'Apples',\n color: DefaultPalette.blueMid,\n yAxisCalloutData: '2020/04/30',\n xAxisCalloutData: '37%',\n },\n\n {\n x: 40000,\n y: 13000,\n legend: 'Bananas',\n color: DefaultPalette.blueLight,\n yAxisCalloutData: '2020/04/30',\n xAxisCalloutData: '88%',\n },\n];\n\nexport const chartPointsWithStringYAxisHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n {\n y: 'String One',\n x: 1000,\n color: DefaultPalette.accent,\n },\n {\n y: 'String Two',\n x: 5000,\n color: DefaultPalette.blueDark,\n },\n {\n y: 'String Three',\n x: 3000,\n color: DefaultPalette.blueMid,\n },\n {\n y: 'String Four',\n x: 2000,\n color: DefaultPalette.blue,\n },\n];\n\nexport const chartPointsWithAxisToolTipHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n {\n x: 1000,\n y: 1000,\n color: DefaultPalette.accent,\n },\n {\n x: 2000,\n y: 5000,\n color: DefaultPalette.blueDark,\n },\n {\n x: 3000,\n y: 3000,\n color: DefaultPalette.blueMid,\n },\n {\n x: 4000,\n y: 2000,\n color: DefaultPalette.blue,\n },\n];\n\nexport const allNegativeChartPointsVBC = [\n {\n x: 0,\n y: -10000,\n legend: 'First',\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '10%',\n },\n {\n x: 10000,\n y: -50000,\n legend: 'Second',\n color: DefaultPalette.blueDark,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '20%',\n },\n {\n x: 25000,\n y: -30000,\n legend: 'Third',\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '37%',\n },\n];\n\nexport const negativeChartPointsVBC = [\n {\n x: 0,\n y: 10000,\n legend: 'First',\n color: DefaultPalette.accent,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '10%',\n },\n {\n x: 10000,\n y: -50000,\n legend: 'Second',\n color: DefaultPalette.blueDark,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '20%',\n },\n {\n x: 25000,\n y: 30000,\n legend: 'Third',\n color: DefaultPalette.blueMid,\n xAxisCalloutData: '2020/04/30',\n yAxisCalloutData: '37%',\n },\n];\n\nexport const ganttData: IGanttChartDataPoint[] = [\n {\n x: {\n start: new Date('2017-01-01'),\n end: new Date('2017-02-02'),\n },\n y: 'Job-1',\n legend: 'Complete',\n color: DataVizPalette.success,\n gradient: getGradientFromToken(DataVizGradientPalette.success),\n },\n {\n x: {\n start: new Date('2017-01-17'),\n end: new Date('2017-02-17'),\n },\n y: 'Job-2',\n legend: 'Complete',\n color: DataVizPalette.success,\n gradient: getGradientFromToken(DataVizGradientPalette.success),\n },\n {\n x: {\n start: new Date('2017-01-14'),\n end: new Date('2017-03-14'),\n },\n y: 'Job-4',\n legend: 'Complete',\n color: DataVizPalette.success,\n gradient: getGradientFromToken(DataVizGradientPalette.success),\n },\n {\n x: {\n start: new Date('2017-02-15'),\n end: new Date('2017-03-15'),\n },\n y: 'Job-1',\n legend: 'Incomplete',\n color: DataVizPalette.warning,\n gradient: getGradientFromToken(DataVizGradientPalette.warning),\n },\n {\n x: {\n start: new Date('2017-01-17'),\n end: new Date('2017-02-17'),\n },\n y: 'Job-2',\n legend: 'Not Started',\n color: DataVizPalette.error,\n gradient: getGradientFromToken(DataVizGradientPalette.error),\n },\n {\n x: {\n start: new Date('2017-03-10'),\n end: new Date('2017-03-20'),\n },\n y: 'Job-3',\n legend: 'Not Started',\n color: DataVizPalette.error,\n gradient: getGradientFromToken(DataVizGradientPalette.error),\n },\n {\n x: {\n start: new Date('2017-04-01'),\n end: new Date('2017-04-20'),\n },\n y: 'Job-3',\n legend: 'Not Started',\n color: DataVizPalette.error,\n gradient: getGradientFromToken(DataVizGradientPalette.error),\n },\n {\n x: {\n start: new Date('2017-05-18'),\n end: new Date(new Date('2017-06-18')),\n },\n y: 'Job-3',\n legend: 'Not Started',\n color: DataVizPalette.error,\n gradient: getGradientFromToken(DataVizGradientPalette.error),\n },\n];\n\nexport const ganttDataWithLongY: IGanttChartDataPoint[] = [\n {\n x: {\n start: new Date('2024-05-01'),\n end: new Date('2024-05-07'),\n },\n y: 'Site Preparation',\n legend: 'No',\n color: '#637cefff',\n },\n {\n x: {\n start: new Date('2024-05-08'),\n end: new Date('2024-05-21'),\n },\n y: 'Foundation Work',\n legend: 'No',\n color: '#637cefff',\n },\n {\n x: {\n start: new Date('2024-05-22'),\n end: new Date('2024-06-02'),\n },\n y: 'Framing',\n legend: 'No',\n color: '#637cefff',\n },\n {\n x: {\n start: new Date('2024-06-03'),\n end: new Date('2024-06-09'),\n },\n y: 'Roof Installation',\n legend: 'No',\n color: '#637cefff',\n },\n {\n x: {\n start: new Date('2024-06-10'),\n end: new Date('2024-06-23'),\n },\n y: 'Plumbing/Electrical',\n legend: 'No',\n color: '#637cefff',\n },\n {\n x: {\n start: new Date('2024-07-08'),\n end: new Date('2024-07-17'),\n },\n y: 'Exterior Finishing',\n legend: 'No',\n color: '#637cefff',\n },\n {\n x: {\n start: new Date('2024-06-24'),\n end: new Date('2024-07-07'),\n },\n y: 'Interior Finishing',\n legend: 'Yes (Phase 1)',\n color: '#f7630cff',\n },\n {\n x: {\n start: new Date('2024-07-18'),\n end: new Date('2024-07-24'),\n },\n y: 'Final Inspections',\n legend: 'Yes (Phase 2)',\n color: '#57811bff',\n },\n];\n\nexport const ganttDataWithNumericY: IGanttChartDataPoint[] = [\n {\n x: {\n start: new Date('2021-01-01'),\n end: new Date('2022-01-10'),\n },\n y: 1,\n legend: 'HR',\n color: '#637cefff',\n },\n {\n x: {\n start: new Date('2022-01-15'),\n end: new Date('2022-01-20'),\n },\n y: 2,\n legend: 'Finance',\n color: '#f7630cff',\n },\n {\n x: {\n start: new Date('2022-02-01'),\n end: new Date('2022-02-08'),\n },\n y: 3,\n legend: 'IT',\n color: '#57811bff',\n },\n {\n x: {\n start: new Date('2022-02-10'),\n end: new Date('2022-02-20'),\n },\n y: 4,\n legend: 'Operations',\n color: '#9373c0ff',\n },\n {\n x: {\n start: new Date('2022-03-01'),\n end: new Date('2022-03-10'),\n },\n y: 5,\n legend: 'Customer Support',\n color: '#ca5010ff',\n },\n {\n x: {\n start: new Date('2022-03-05'),\n end: new Date('2022-03-15'),\n },\n y: 6,\n legend: 'Legal',\n color: '#3a96ddff',\n },\n];\n"]}

package/lib/utilities/utilities.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { TimeLocaleDefinition as d3TimeLocaleDefinition } from 'd3-time-format';
 import { IAccessibilityProps, IEventsAnnotationProps, ILineChartPoints, IDataPoint, IVerticalStackedBarDataPoint, IVerticalBarChartDataPoint, IHorizontalBarChartWithAxisDataPoint, ILineChartLineOptions, AxisCategoryOrder } from '../index';
 import { ITheme } from '@fluentui/react';
 import { CurveFactory } from 'd3-shape';
-import { IScatterChartPoints } from '../types/IDataPoint';
+import { IGanttChartDataPoint, IScatterChartPoints } from '../types/IDataPoint';
 export declare const MIN_DOMAIN_MARGIN = 8;
 export declare const MIN_DONUT_RADIUS = 1;
 export type NumericAxis = D3Axis<number | {
@@ -18,7 +18,8 @@ export declare enum ChartTypes {
     GroupedVerticalBarChart = 4,
     HeatMapChart = 5,
     HorizontalBarChartWithAxis = 6,
-    ScatterChart = 7
+    ScatterChart = 7,
+    GanttChart = 8
 }
 export declare enum XAxisTypes {
     NumericAxis = 0,
@@ -126,13 +127,14 @@ export declare function createNumericXAxis(xAxisParams: IXAxisParams, tickParams
     xScale: import("d3-scale").ScaleLinear<number, number, never>;
     tickValues: string[];
 };
+export declare function getDateFormatLevel(date: Date, useUTC?: boolean): number;
 /**
  * Creating Date x axis of the Chart
  * @export
  * @param {IXAxisParams} xAxisParams
  * @param {ITickParams} tickParams
  */
-export declare function createDateXAxis(xAxisParams: IXAxisParams, tickParams: ITickParams, culture?: string, options?: Intl.DateTimeFormatOptions, timeFormatLocale?: d3TimeLocaleDefinition, customDateTimeFormatter?: (dateTime: Date) => string, useUTC?: boolean): {
+export declare function createDateXAxis(xAxisParams: IXAxisParams, tickParams: ITickParams, culture?: string, options?: Intl.DateTimeFormatOptions, timeFormatLocale?: d3TimeLocaleDefinition, customDateTimeFormatter?: (dateTime: Date) => string, useUTC?: boolean, chartType?: ChartTypes): {
     xScale: import("d3-scale").ScaleTime<number, number, never>;
     tickValues: string[];
 };
@@ -369,12 +371,12 @@ export declare function findVerticalNumericMinMaxOfY(points: IVerticalBarChartDa
     endValue: number;
 };
 /**
- * Fins the min and max values of the vertical bar chart y axis data point.
+ * Fins the min and max values of the horizontal bar chart y axis data point.
  * @export
- * @param {IVerticalBarChartDataPoint[]} points
+ * @param {IHorizontalBarChartWithAxisDataPoint[]|IGanttChartDataPoint[]} points
  * @returns {{ startValue: number; endValue: number }}
  */
-export declare function findHBCWANumericMinMaxOfY(points: IHorizontalBarChartWithAxisDataPoint[], yAxisType: YAxisType | undefined): {
+export declare function findHBCWANumericMinMaxOfY(points: IHorizontalBarChartWithAxisDataPoint[] | IGanttChartDataPoint[], yAxisType: YAxisType | undefined): {
     startValue: number;
     endValue: number;
 };

package/lib/utilities/utilities.js CHANGED Viewed

@@ -24,6 +24,7 @@ export var ChartTypes;
     ChartTypes[ChartTypes["HeatMapChart"] = 5] = "HeatMapChart";
     ChartTypes[ChartTypes["HorizontalBarChartWithAxis"] = 6] = "HorizontalBarChartWithAxis";
     ChartTypes[ChartTypes["ScatterChart"] = 7] = "ScatterChart";
+    ChartTypes[ChartTypes["GanttChart"] = 8] = "GanttChart";
 })(ChartTypes || (ChartTypes = {}));
 export var XAxisTypes;
 (function (XAxisTypes) {
@@ -94,7 +95,7 @@ export function createNumericXAxis(xAxisParams, tickParams, chartType, culture)
         .tickPadding(tickPadding)
         .ticks(tickCount)
         .tickFormat(tickFormat);
-    if (chartType === ChartTypes.HorizontalBarChartWithAxis) {
+    if ([ChartTypes.HorizontalBarChartWithAxis, ChartTypes.GanttChart].includes(chartType)) {
         xAxis.tickSizeInner(-(xAxisParams.containerHeight - xAxisParams.margins.top));
     }
     if (tickParams.tickValues) {
@@ -173,7 +174,7 @@ function getMultiLevelD3DateFormatter(startLevel, endLevel, locale, useUTC) {
     var formatter = timeFormat(MULTI_LEVEL_DATE_TIME_FORMATS[startLevel][endLevel]);
     return formatter;
 }
-function getDateFormatLevel(date, useUTC) {
+export function getDateFormatLevel(date, useUTC) {
     var _a;
     var timeSecond = useUTC ? d3UtcSecond : d3TimeSecond;
     var timeMinute = useUTC ? d3UtcMinute : d3TimeMinute;
@@ -208,7 +209,7 @@ function isPowerOf10(num) {
  * @param {IXAxisParams} xAxisParams
  * @param {ITickParams} tickParams
  */
-export function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLocale, customDateTimeFormatter, useUTC) {
+export function createDateXAxis(xAxisParams, tickParams, culture, options, timeFormatLocale, customDateTimeFormatter, useUTC, chartType) {
     var _a;
     var domainNRangeValues = xAxisParams.domainNRangeValues, xAxisElement = xAxisParams.xAxisElement, _b = xAxisParams.tickPadding, tickPadding = _b === void 0 ? 6 : _b, _c = xAxisParams.xAxistickSize, xAxistickSize = _c === void 0 ? 6 : _c, xAxisCount = xAxisParams.xAxisCount, calcMaxLabelWidth = xAxisParams.calcMaxLabelWidth;
     var xAxisScale = useUTC ? d3ScaleUtc() : d3ScaleTime();
@@ -257,6 +258,9 @@ export function createDateXAxis(xAxisParams, tickParams, culture, options, timeF
         .tickPadding(tickPadding)
         .ticks(tickCount)
         .tickFormat(tickFormat);
+    if ([ChartTypes.GanttChart].includes(chartType)) {
+        xAxis.tickSizeInner(-(xAxisParams.containerHeight - xAxisParams.margins.top));
+    }
     tickParams.tickValues ? xAxis.tickValues(tickParams.tickValues) : '';
     if (xAxisElement) {
         d3Select(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true');
@@ -1025,9 +1029,9 @@ export function findVerticalNumericMinMaxOfY(points, yAxisType, useSecondaryYSca
     return { startValue: d3Min(values), endValue: d3Max(values) };
 }
 /**
- * Fins the min and max values of the vertical bar chart y axis data point.
+ * Fins the min and max values of the horizontal bar chart y axis data point.
  * @export
- * @param {IVerticalBarChartDataPoint[]} points
+ * @param {IHorizontalBarChartWithAxisDataPoint[]|IGanttChartDataPoint[]} points
  * @returns {{ startValue: number; endValue: number }}
  */
 export function findHBCWANumericMinMaxOfY(points, yAxisType) {