@fluentui/react-charts 9.0.1 → 9.0.3

package/lib/utilities/colors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["colors.ts"],"sourcesContent":["export const DataVizPalette = {\n  color1: 'qualitative.1',\n  color2: 'qualitative.2',\n  color3: 'qualitative.3',\n  color4: 'qualitative.4',\n  color5: 'qualitative.5',\n  color6: 'qualitative.6',\n  color7: 'qualitative.7',\n  color8: 'qualitative.8',\n  color9: 'qualitative.9',\n  color10: 'qualitative.10',\n  color11: 'qualitative.11',\n  color12: 'qualitative.12',\n  color13: 'qualitative.13',\n  color14: 'qualitative.14',\n  color15: 'qualitative.15',\n  color16: 'qualitative.16',\n  color17: 'qualitative.17',\n  color18: 'qualitative.18',\n  color19: 'qualitative.19',\n  color20: 'qualitative.20',\n  color21: 'qualitative.21',\n  color22: 'qualitative.22',\n  color23: 'qualitative.23',\n  color24: 'qualitative.24',\n  color25: 'qualitative.25',\n  color26: 'qualitative.26',\n  color27: 'qualitative.27',\n  color28: 'qualitative.28',\n  color29: 'qualitative.29',\n  color30: 'qualitative.30',\n  color31: 'qualitative.31',\n  color32: 'qualitative.32',\n  color33: 'qualitative.33',\n  color34: 'qualitative.34',\n  color35: 'qualitative.35',\n  color36: 'qualitative.36',\n  color37: 'qualitative.37',\n  color38: 'qualitative.38',\n  color39: 'qualitative.39',\n  color40: 'qualitative.40',\n  info: 'semantic.info',\n  disabled: 'semantic.disabled',\n  highError: 'semantic.highError',\n  error: 'semantic.error',\n  warning: 'semantic.warning',\n  success: 'semantic.success',\n  highSuccess: 'semantic.highSuccess',\n};\n\n/**\n * Key: Color code.\n * Value:\n * Index 0 - Default color / Color for light theme,\n * Index 1 - Color for dark theme\n */\ntype Palette = { [key: string]: string[] };\n\nconst QualitativePalette: Palette = {\n  '1': ['#637cef'], // [cornflower.tint10],\n  '2': ['#e3008c'], // [hotPink.primary],\n  '3': ['#2aa0a4'], // [teal.tint20],\n  '4': ['#9373c0'], // [orchid.tint10],\n  '5': ['#13a10e'], // [lightGreen.primary],\n  '6': ['#3a96dd'], // [lightBlue.primary],\n  '7': ['#ca5010'], // [pumpkin.primary],\n  '8': ['#57811b'], // [lime.shade20],\n  '9': ['#b146c2'], // [lilac.primary],\n  '10': ['#ae8c00'], // [gold.shade10],\n  '11': ['#3c51b4', '#93a4f4'], // [cornflower.shade20, cornflower.tint30],\n  '12': ['#ad006a', '#ee5fb7'], // [hotPink.shade20, hotPink.tint30],\n  '13': ['#026467', '#4cb4b7'], // [teal.shade20, teal.tint30],\n  '14': ['#674c8c', '#a083c9'], // [orchid.shade20, orchid.tint20],\n  '15': ['#0e7a0b', '#27ac22'], // [lightGreen.shade20, lightGreen.tint10],\n  '16': ['#2c72a8', '#4fa1e1'], // [lightBlue.shade20, lightBlue.tint10],\n  '17': ['#9a3d0c', '#d77440'], // [pumpkin.shade20, pumpkin.tint20],\n  '18': ['#405f14', '#73aa24'], // [lime.shade30, lime.primary],\n  '19': ['#863593', '#c36bd1'], // [lilac.shade20, lilac.tint20],\n  '20': ['#6d5700', '#d0b232'], // [gold.shade30, gold.tint20],\n  '21': ['#4f6bed'], // [cornflower.primary],\n  '22': ['#ea38a6'], // [hotPink.tint20],\n  '23': ['#038387'], // [teal.primary],\n  '24': ['#8764b8'], // [orchid.primary],\n  '25': ['#11910d'], // [lightGreen.shade10],\n  '26': ['#3487c7'], // [lightBlue.shade10],\n  '27': ['#d06228'], // [pumpkin.tint10],\n  '28': ['#689920'], // [lime.shade10],\n  '29': ['#ba58c9'], // [lilac.tint10],\n  '30': ['#937700', '#c19c00'], // [gold.shade20, gold.primary],\n  '31': ['#2c3c85', '#c8d1fa'], // [cornflower.shade30, cornflower.tint40],\n  '32': ['#7f004e', '#f7adda'], // [hotPink.shade30, hotPink.tint40],\n  '33': ['#02494c', '#9bd9db'], // [teal.shade30, teal.tint40],\n  '34': ['#4c3867', '#b29ad4'], // [orchid.shade30, orchid.tint30],\n  '35': ['#0b5a08', '#a7e3a5'], // [lightGreen.shade30, lightGreen.tint40],\n  '36': ['#20547c', '#83bdeb'], // [lightBlue.shade30, lightBlue.tint30],\n  '37': ['#712d09', '#df8e64'], // [pumpkin.shade30, pumpkin.tint30],\n  '38': ['#23330b', '#a4cc6c'], // [lime.shade40, lime.tint30],\n  '39': ['#63276d', '#cf87da'], // [lilac.shade30, lilac.tint30],\n  '40': ['#3a2f00', '#dac157'], // [gold.shade40, gold.tint30],\n};\n\nconst SemanticPalette: Palette = {\n  info: ['#015cda'],\n  disabled: ['#dbdbdb', '#4d4d4d'], // [grey[86], grey[30]]\n  highError: ['#6e0811', '#cc2635'], // [cranberry.shade30, cranberry.tint10],\n  error: ['#c50f1f', '#dc626d'], // [cranberry.primary, cranberry.tint30],\n  warning: ['#f7630c', '#f87528'], // [orange.primary, orange.tint10],\n  success: ['#107c10', '#54b054'], // [green.primary, green.tint30],\n  highSuccess: ['#094509', '#218c21'], // [green.shade30, green.tint10],\n};\n\nconst Colors: { [key: string]: Palette } = {\n  qualitative: QualitativePalette,\n  semantic: SemanticPalette,\n};\n\nconst QUALITATIVE_COLORS = Object.values(QualitativePalette);\nconst TOKENS = Object.values(DataVizPalette);\n\nconst getThemeSpecificColor = (colors: string[], isDarkTheme: boolean): string => {\n  if (colors.length === 0) {\n    return '';\n  }\n  const colorIdx = Number(isDarkTheme);\n  if (colorIdx < colors.length) {\n    return colors[colorIdx];\n  }\n  return colors[0];\n};\n\nexport const getNextColor = (index: number, offset: number = 0, isDarkTheme: boolean = false): string => {\n  const colors = QUALITATIVE_COLORS[(index + offset) % QUALITATIVE_COLORS.length];\n  return getThemeSpecificColor(colors, isDarkTheme);\n};\n\nexport const getColorFromToken = (token: string, isDarkTheme: boolean = false): string => {\n  if (TOKENS.indexOf(token) >= 0) {\n    const [paletteName, colorCode] = token.split('.');\n    const colors = Colors[paletteName][colorCode];\n    return getThemeSpecificColor(colors, isDarkTheme);\n  }\n  return token;\n};\n"],"names":["DataVizPalette","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","color13","color14","color15","color16","color17","color18","color19","color20","color21","color22","color23","color24","color25","color26","color27","color28","color29","color30","color31","color32","color33","color34","color35","color36","color37","color38","color39","color40","info","disabled","highError","error","warning","success","highSuccess","QualitativePalette","SemanticPalette","Colors","qualitative","semantic","QUALITATIVE_COLORS","Object","values","TOKENS","getThemeSpecificColor","colors","isDarkTheme","length","colorIdx","Number","getNextColor","index","offset","getColorFromToken","token","indexOf","paletteName","colorCode","split"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["colors.ts"],"sourcesContent":["import { rgb as d3Rgb } from 'd3-color';\n\nexport const DataVizPalette = {\n  color1: 'qualitative.1',\n  color2: 'qualitative.2',\n  color3: 'qualitative.3',\n  color4: 'qualitative.4',\n  color5: 'qualitative.5',\n  color6: 'qualitative.6',\n  color7: 'qualitative.7',\n  color8: 'qualitative.8',\n  color9: 'qualitative.9',\n  color10: 'qualitative.10',\n  color11: 'qualitative.11',\n  color12: 'qualitative.12',\n  color13: 'qualitative.13',\n  color14: 'qualitative.14',\n  color15: 'qualitative.15',\n  color16: 'qualitative.16',\n  color17: 'qualitative.17',\n  color18: 'qualitative.18',\n  color19: 'qualitative.19',\n  color20: 'qualitative.20',\n  color21: 'qualitative.21',\n  color22: 'qualitative.22',\n  color23: 'qualitative.23',\n  color24: 'qualitative.24',\n  color25: 'qualitative.25',\n  color26: 'qualitative.26',\n  color27: 'qualitative.27',\n  color28: 'qualitative.28',\n  color29: 'qualitative.29',\n  color30: 'qualitative.30',\n  color31: 'qualitative.31',\n  color32: 'qualitative.32',\n  color33: 'qualitative.33',\n  color34: 'qualitative.34',\n  color35: 'qualitative.35',\n  color36: 'qualitative.36',\n  color37: 'qualitative.37',\n  color38: 'qualitative.38',\n  color39: 'qualitative.39',\n  color40: 'qualitative.40',\n  info: 'semantic.info',\n  disabled: 'semantic.disabled',\n  highError: 'semantic.highError',\n  error: 'semantic.error',\n  warning: 'semantic.warning',\n  success: 'semantic.success',\n  highSuccess: 'semantic.highSuccess',\n};\n\n/**\n * Key: Color code.\n * Value:\n * Index 0 - Default color / Color for light theme,\n * Index 1 - Color for dark theme\n */\ntype Palette = { [key: string]: string[] };\n\nconst QualitativePalette: Palette = {\n  '1': ['#637cef'], // [cornflower.tint10],\n  '2': ['#e3008c'], // [hotPink.primary],\n  '3': ['#2aa0a4'], // [teal.tint20],\n  '4': ['#9373c0'], // [orchid.tint10],\n  '5': ['#13a10e'], // [lightGreen.primary],\n  '6': ['#3a96dd'], // [lightBlue.primary],\n  '7': ['#ca5010'], // [pumpkin.primary],\n  '8': ['#57811b'], // [lime.shade20],\n  '9': ['#b146c2'], // [lilac.primary],\n  '10': ['#ae8c00'], // [gold.shade10],\n  '11': ['#3c51b4', '#93a4f4'], // [cornflower.shade20, cornflower.tint30],\n  '12': ['#ad006a', '#ee5fb7'], // [hotPink.shade20, hotPink.tint30],\n  '13': ['#026467', '#4cb4b7'], // [teal.shade20, teal.tint30],\n  '14': ['#674c8c', '#a083c9'], // [orchid.shade20, orchid.tint20],\n  '15': ['#0e7a0b', '#27ac22'], // [lightGreen.shade20, lightGreen.tint10],\n  '16': ['#2c72a8', '#4fa1e1'], // [lightBlue.shade20, lightBlue.tint10],\n  '17': ['#9a3d0c', '#d77440'], // [pumpkin.shade20, pumpkin.tint20],\n  '18': ['#405f14', '#73aa24'], // [lime.shade30, lime.primary],\n  '19': ['#863593', '#c36bd1'], // [lilac.shade20, lilac.tint20],\n  '20': ['#6d5700', '#d0b232'], // [gold.shade30, gold.tint20],\n  '21': ['#4f6bed'], // [cornflower.primary],\n  '22': ['#ea38a6'], // [hotPink.tint20],\n  '23': ['#038387'], // [teal.primary],\n  '24': ['#8764b8'], // [orchid.primary],\n  '25': ['#11910d'], // [lightGreen.shade10],\n  '26': ['#3487c7'], // [lightBlue.shade10],\n  '27': ['#d06228'], // [pumpkin.tint10],\n  '28': ['#689920'], // [lime.shade10],\n  '29': ['#ba58c9'], // [lilac.tint10],\n  '30': ['#937700', '#c19c00'], // [gold.shade20, gold.primary],\n  '31': ['#2c3c85', '#c8d1fa'], // [cornflower.shade30, cornflower.tint40],\n  '32': ['#7f004e', '#f7adda'], // [hotPink.shade30, hotPink.tint40],\n  '33': ['#02494c', '#9bd9db'], // [teal.shade30, teal.tint40],\n  '34': ['#4c3867', '#b29ad4'], // [orchid.shade30, orchid.tint30],\n  '35': ['#0b5a08', '#a7e3a5'], // [lightGreen.shade30, lightGreen.tint40],\n  '36': ['#20547c', '#83bdeb'], // [lightBlue.shade30, lightBlue.tint30],\n  '37': ['#712d09', '#df8e64'], // [pumpkin.shade30, pumpkin.tint30],\n  '38': ['#23330b', '#a4cc6c'], // [lime.shade40, lime.tint30],\n  '39': ['#63276d', '#cf87da'], // [lilac.shade30, lilac.tint30],\n  '40': ['#3a2f00', '#dac157'], // [gold.shade40, gold.tint30],\n};\n\nconst SemanticPalette: Palette = {\n  info: ['#015cda'],\n  disabled: ['#dbdbdb', '#4d4d4d'], // [grey[86], grey[30]]\n  highError: ['#6e0811', '#cc2635'], // [cranberry.shade30, cranberry.tint10],\n  error: ['#c50f1f', '#dc626d'], // [cranberry.primary, cranberry.tint30],\n  warning: ['#f7630c', '#f87528'], // [orange.primary, orange.tint10],\n  success: ['#107c10', '#54b054'], // [green.primary, green.tint30],\n  highSuccess: ['#094509', '#218c21'], // [green.shade30, green.tint10],\n};\n\nconst Colors: { [key: string]: Palette } = {\n  qualitative: QualitativePalette,\n  semantic: SemanticPalette,\n};\n\nconst QUALITATIVE_COLORS = Object.values(QualitativePalette);\nconst TOKENS = Object.values(DataVizPalette);\n\nconst getThemeSpecificColor = (colors: string[], isDarkTheme: boolean): string => {\n  if (colors.length === 0) {\n    return '';\n  }\n  const colorIdx = Number(isDarkTheme);\n  if (colorIdx < colors.length) {\n    return colors[colorIdx];\n  }\n  return colors[0];\n};\n\nexport const getNextColor = (index: number, offset: number = 0, isDarkTheme: boolean = false): string => {\n  const colors = QUALITATIVE_COLORS[(index + offset) % QUALITATIVE_COLORS.length];\n  return getThemeSpecificColor(colors, isDarkTheme);\n};\n\nexport const getColorFromToken = (token: string, isDarkTheme: boolean = false): string => {\n  if (TOKENS.indexOf(token) >= 0) {\n    const [paletteName, colorCode] = token.split('.');\n    const colors = Colors[paletteName][colorCode];\n    return getThemeSpecificColor(colors, isDarkTheme);\n  }\n  return token;\n};\n\n//For reference to how these numbers are calculated, refer https://www.w3.org/TR/WCAG/#dfn-contrast-ratio\nconst rgbLrgb1 = (v: number): number => {\n  return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;\n};\n\nconst rgbLrgb = ({ r, g, b }: { r: number; g: number; b: number }): { r: number; g: number; b: number } => {\n  return {\n    r: rgbLrgb1(r / 255),\n    g: rgbLrgb1(g / 255),\n    b: rgbLrgb1(b / 255),\n  };\n};\n\nconst lrgbLuminance = ({ r, g, b }: { r: number; g: number; b: number }): number => {\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\nexport const getColorContrast = (c1: string, c2: string): number => {\n  const l1 = lrgbLuminance(rgbLrgb(d3Rgb(c1)));\n  const l2 = lrgbLuminance(rgbLrgb(d3Rgb(c2)));\n  return (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05);\n};\n"],"names":["rgb","d3Rgb","DataVizPalette","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","color13","color14","color15","color16","color17","color18","color19","color20","color21","color22","color23","color24","color25","color26","color27","color28","color29","color30","color31","color32","color33","color34","color35","color36","color37","color38","color39","color40","info","disabled","highError","error","warning","success","highSuccess","QualitativePalette","SemanticPalette","Colors","qualitative","semantic","QUALITATIVE_COLORS","Object","values","TOKENS","getThemeSpecificColor","colors","isDarkTheme","length","colorIdx","Number","getNextColor","index","offset","getColorFromToken","token","indexOf","paletteName","colorCode","split","rgbLrgb1","v","rgbLrgb","r","g","b","lrgbLuminance","getColorContrast","c1","c2","l1","l2","Math","max","min"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/utilities/string.js

@@ -0,0 +1,32 @@
+// Regex that finds { and } so they can be removed on a lookup for string format
+const FORMAT_ARGS_REGEX = /[\{\}]/g;
+// Regex that finds {#} so it can be replaced by the arguments in string format
+const FORMAT_REGEX = /\{\d+\}/g;
+/**
+ * String format method, used for scenarios where at runtime you
+ * need to evaluate a formatted string given a tokenized string. This
+ * usually only is needed in localization scenarios.
+
+ * @example
+ * ```tsx
+ * "I love {0} every {1}".format("CXP")
+ * ```
+ * will result in a Debug Exception.
+ *
+ * @public
+ */ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function format(s, ...values) {
+    const args = values;
+    // Callback match function
+    function replaceFunc(match) {
+        // looks up in the args
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        let replacement = args[match.replace(FORMAT_ARGS_REGEX, '')];
+        // catches undefined in nondebug and null in debug and nondebug
+        if (replacement === null || replacement === undefined) {
+            replacement = '';
+        }
+        return replacement;
+    }
+    return s.replace(FORMAT_REGEX, replaceFunc);
+}

package/lib/utilities/string.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["string.ts"],"sourcesContent":["// Regex that finds { and } so they can be removed on a lookup for string format\nconst FORMAT_ARGS_REGEX = /[\\{\\}]/g;\n\n// Regex that finds {#} so it can be replaced by the arguments in string format\nconst FORMAT_REGEX = /\\{\\d+\\}/g;\n\n/**\n * String format method, used for scenarios where at runtime you\n * need to evaluate a formatted string given a tokenized string. This\n * usually only is needed in localization scenarios.\n\n * @example\n * ```tsx\n * \"I love {0} every {1}\".format(\"CXP\")\n * ```\n * will result in a Debug Exception.\n *\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function format(s: string, ...values: any[]): string {\n  const args = values;\n  // Callback match function\n  function replaceFunc(match: string): string {\n    // looks up in the args\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let replacement = args[match.replace(FORMAT_ARGS_REGEX, '') as any];\n\n    // catches undefined in nondebug and null in debug and nondebug\n    if (replacement === null || replacement === undefined) {\n      replacement = '';\n    }\n\n    return replacement;\n  }\n  return s.replace(FORMAT_REGEX, replaceFunc);\n}\n"],"names":["FORMAT_ARGS_REGEX","FORMAT_REGEX","format","s","values","args","replaceFunc","match","replacement","replace","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,gFAAgF;AAChF,MAAMA,oBAAoB;AAE1B,+EAA+E;AAC/E,MAAMC,eAAe;AAErB;;;;;;;;;;;;CAYC,GACD,8DAA8D;AAC9D,OAAO,SAASC,OAAOC,CAAS,EAAE,GAAGC,MAAa;IAChD,MAAMC,OAAOD;IACb,0BAA0B;IAC1B,SAASE,YAAYC,KAAa;QAChC,uBAAuB;QACvB,8DAA8D;QAC9D,IAAIC,cAAcH,IAAI,CAACE,MAAME,OAAO,CAACT,mBAAmB,IAAW;QAEnE,+DAA+D;QAC/D,IAAIQ,gBAAgB,QAAQA,gBAAgBE,WAAW;YACrDF,cAAc;QAChB;QAEA,OAAOA;IACT;IACA,OAAOL,EAAEM,OAAO,CAACR,cAAcK;AACjC"}

package/lib/utilities/test-data.js

@@ -1,3 +1,4 @@
+import { DataVizPalette } from '../index';
 export const chartPointsVBC = [
     {
         x: 0,
@@ -274,3 +275,55 @@ export const chartPointsWithAxisToolTipHBCWA = [
         color: 'blue'
     }
 ];
+export const allNegativeChartPointsVBC = [
+    {
+        x: 0,
+        y: -10000,
+        legend: 'First',
+        color: DataVizPalette.color1,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '10%'
+    },
+    {
+        x: 10000,
+        y: -50000,
+        legend: 'Second',
+        color: DataVizPalette.color2,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '20%'
+    },
+    {
+        x: 25000,
+        y: -30000,
+        legend: 'Third',
+        color: DataVizPalette.color3,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '37%'
+    }
+];
+export const negativeChartPointsVBC = [
+    {
+        x: 0,
+        y: 10000,
+        legend: 'First',
+        color: DataVizPalette.color1,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '10%'
+    },
+    {
+        x: 10000,
+        y: -50000,
+        legend: 'Second',
+        color: DataVizPalette.color2,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '20%'
+    },
+    {
+        x: 25000,
+        y: 30000,
+        legend: 'Third',
+        color: DataVizPalette.color3,
+        xAxisCalloutData: '2020/04/30',
+        yAxisCalloutData: '37%'
+    }
+];

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

@@ -1 +1 @@
-{"version":3,"sources":["test-data.ts"],"sourcesContent":["import {\n  ChartDataPoint,\n  ChartProps,\n  HorizontalBarChartWithAxisDataPoint,\n  VSChartDataPoint,\n  VerticalStackedChartProps,\n} from '../index';\n\nexport const chartPointsVBC = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: 50000,\n    legend: 'Second',\n    color: 'blue',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nconst firstChartPointsVSBC: VSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 40,\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '40%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 5,\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '5%',\n  },\n];\n\nconst secondChartPointsVSBC: VSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 30,\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '30%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 20,\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n];\n\nexport const chartPointsVSBC: VerticalStackedChartProps[] = [\n  { chartData: firstChartPointsVSBC, xAxisPoint: 0 },\n  { chartData: secondChartPointsVSBC, xAxisPoint: 20 },\n];\n\nexport const chartPoints2VSBC: VerticalStackedChartProps[] = [\n  {\n    chartData: firstChartPointsVSBC,\n    xAxisPoint: 0,\n    lineData: [{ y: 15, legend: 'Line1', color: 'yellow' }],\n  },\n  {\n    chartData: secondChartPointsVSBC,\n    xAxisPoint: 20,\n    lineData: [{ y: 30, legend: 'Line1', color: 'yellow' }],\n  },\n];\n\nexport const emptychartPointsVSBC: VerticalStackedChartProps[] = [{ chartData: [], xAxisPoint: 0 }];\n\nexport const pointsHBCWA = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Dogs',\n    color: 'blue',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: 'teal',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '88%',\n  },\n];\n\nexport const pointsDC: ChartDataPoint[] = [\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: ChartDataPoint[] = [\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: ChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsDCElevateMinimums: ChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: 'aqua',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Grapes',\n    color: 'blue',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: 'navy',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: 'teal',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '88%',\n  },\n];\n\nexport const chartPointsWithStringYAxisHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    y: 'String One',\n    x: 1000,\n    color: 'aqua',\n  },\n  {\n    y: 'String Two',\n    x: 5000,\n    color: 'blue',\n  },\n  {\n    y: 'String Three',\n    x: 3000,\n    color: 'navy',\n  },\n  {\n    y: 'String Four',\n    x: 2000,\n    color: 'blue',\n  },\n];\n\nexport const chartPointsWithAxisToolTipHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 1000,\n    y: 1000,\n    color: 'aqua',\n  },\n  {\n    x: 2000,\n    y: 5000,\n    color: 'blue',\n  },\n  {\n    x: 3000,\n    y: 3000,\n    color: 'navy',\n  },\n  {\n    x: 4000,\n    y: 2000,\n    color: 'blue',\n  },\n];\n"],"names":["chartPointsVBC","x","y","legend","color","xAxisCalloutData","yAxisCalloutData","firstChartPointsVSBC","data","secondChartPointsVSBC","chartPointsVSBC","chartData","xAxisPoint","chartPoints2VSBC","lineData","emptychartPointsVSBC","pointsHBCWA","pointsDC","pointsDCElevateMinimumsExample","chartPointsDC","chartTitle","chartPointsDCElevateMinimums","chartPointsHBCWA","chartPointsWithStringYAxisHBCWA","chartPointsWithAxisToolTipHBCWA"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["test-data.ts"],"sourcesContent":["import {\n  ChartDataPoint,\n  ChartProps,\n  HorizontalBarChartWithAxisDataPoint,\n  VSChartDataPoint,\n  VerticalStackedChartProps,\n  VerticalBarChartDataPoint,\n  DataVizPalette,\n} from '../index';\n\nexport const chartPointsVBC = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: 50000,\n    legend: 'Second',\n    color: 'blue',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nconst firstChartPointsVSBC: VSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 40,\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '40%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 5,\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '5%',\n  },\n];\n\nconst secondChartPointsVSBC: VSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 30,\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '30%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 20,\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n];\n\nexport const chartPointsVSBC: VerticalStackedChartProps[] = [\n  { chartData: firstChartPointsVSBC, xAxisPoint: 0 },\n  { chartData: secondChartPointsVSBC, xAxisPoint: 20 },\n];\n\nexport const chartPoints2VSBC: VerticalStackedChartProps[] = [\n  {\n    chartData: firstChartPointsVSBC,\n    xAxisPoint: 0,\n    lineData: [{ y: 15, legend: 'Line1', color: 'yellow' }],\n  },\n  {\n    chartData: secondChartPointsVSBC,\n    xAxisPoint: 20,\n    lineData: [{ y: 30, legend: 'Line1', color: 'yellow' }],\n  },\n];\n\nexport const emptychartPointsVSBC: VerticalStackedChartProps[] = [{ chartData: [], xAxisPoint: 0 }];\n\nexport const pointsHBCWA = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: 'aqua',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Dogs',\n    color: 'blue',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: 'navy',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: 'teal',\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '88%',\n  },\n];\n\nexport const pointsDC: ChartDataPoint[] = [\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: ChartDataPoint[] = [\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: ChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsDCElevateMinimums: ChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: 'aqua',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Grapes',\n    color: 'blue',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: 'navy',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: 'teal',\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '88%',\n  },\n];\n\nexport const chartPointsWithStringYAxisHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    y: 'String One',\n    x: 1000,\n    color: 'aqua',\n  },\n  {\n    y: 'String Two',\n    x: 5000,\n    color: 'blue',\n  },\n  {\n    y: 'String Three',\n    x: 3000,\n    color: 'navy',\n  },\n  {\n    y: 'String Four',\n    x: 2000,\n    color: 'blue',\n  },\n];\n\nexport const chartPointsWithAxisToolTipHBCWA: HorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 1000,\n    y: 1000,\n    color: 'aqua',\n  },\n  {\n    x: 2000,\n    y: 5000,\n    color: 'blue',\n  },\n  {\n    x: 3000,\n    y: 3000,\n    color: 'navy',\n  },\n  {\n    x: 4000,\n    y: 2000,\n    color: 'blue',\n  },\n];\n\nexport const allNegativeChartPointsVBC: VerticalBarChartDataPoint[] = [\n  {\n    x: 0,\n    y: -10000,\n    legend: 'First',\n    color: DataVizPalette.color1,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: -50000,\n    legend: 'Second',\n    color: DataVizPalette.color2,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: -30000,\n    legend: 'Third',\n    color: DataVizPalette.color3,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nexport const negativeChartPointsVBC: VerticalBarChartDataPoint[] = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: DataVizPalette.color1,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: -50000,\n    legend: 'Second',\n    color: DataVizPalette.color2,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: DataVizPalette.color3,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n"],"names":["DataVizPalette","chartPointsVBC","x","y","legend","color","xAxisCalloutData","yAxisCalloutData","firstChartPointsVSBC","data","secondChartPointsVSBC","chartPointsVSBC","chartData","xAxisPoint","chartPoints2VSBC","lineData","emptychartPointsVSBC","pointsHBCWA","pointsDC","pointsDCElevateMinimumsExample","chartPointsDC","chartTitle","chartPointsDCElevateMinimums","chartPointsHBCWA","chartPointsWithStringYAxisHBCWA","chartPointsWithAxisToolTipHBCWA","allNegativeChartPointsVBC","color1","color2","color3","negativeChartPointsVBC"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/utilities/utilities.js

@@ -1,10 +1,11 @@
 import { axisRight as d3AxisRight, axisBottom as d3AxisBottom, axisLeft as d3AxisLeft } from 'd3-axis';
-import { max as d3Max, min as d3Min } from 'd3-array';
+import { max as d3Max, min as d3Min, ticks as d3Ticks, nice as d3nice } from 'd3-array';
 import { scaleLinear as d3ScaleLinear, scaleBand as d3ScaleBand, scaleUtc as d3ScaleUtc, scaleTime as d3ScaleTime } from 'd3-scale';
 import { select as d3Select, selectAll as d3SelectAll } from 'd3-selection';
 import { format as d3Format } from 'd3-format';
 import { timeFormat as d3TimeFormat, timeFormatLocale as d3TimeFormatLocale, utcFormat as d3UtcFormat } from 'd3-time-format';
 import { timeSecond as d3TimeSecond, timeMinute as d3TimeMinute, timeHour as d3TimeHour, timeDay as d3TimeDay, timeMonth as d3TimeMonth, timeWeek as d3TimeWeek, timeYear as d3TimeYear, utcSecond as d3UtcSecond, utcMinute as d3UtcMinute, utcHour as d3UtcHour, utcDay as d3UtcDay, utcMonth as d3UtcMonth, utcWeek as d3UtcWeek, utcYear as d3UtcYear } from 'd3-time';
+import { curveLinear as d3CurveLinear, curveNatural as d3CurveNatural, curveStep as d3CurveStep, curveStepAfter as d3CurveStepAfter, curveStepBefore as d3CurveStepBefore } from 'd3-shape';
 import { formatPrefix as d3FormatPrefix } from 'd3-format';
 import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
 export var ChartTypes;
@@ -16,6 +17,7 @@ export var ChartTypes;
     ChartTypes[ChartTypes["GroupedVerticalBarChart"] = 4] = "GroupedVerticalBarChart";
     ChartTypes[ChartTypes["HeatMapChart"] = 5] = "HeatMapChart";
     ChartTypes[ChartTypes["HorizontalBarChartWithAxis"] = 6] = "HorizontalBarChartWithAxis";
+    ChartTypes[ChartTypes["ScatterChart"] = 7] = "ScatterChart";
 })(ChartTypes || (ChartTypes = {}));
 export var XAxisTypes;
 (function(XAxisTypes) {
@@ -203,6 +205,31 @@ export function useRtl() {
     const { dir } = useFluent(); // "dir" returns "ltr" or "rtl"
     return dir === 'rtl';
 }
+function isPowerOf10(num) {
+    const roundedfinalYMax = handleFloatingPointPrecisionError(num);
+    return Math.log10(roundedfinalYMax) % 1 === 0;
+}
+//for reference, go through this 'https://docs.python.org/release/2.5.1/tut/node16.html'
+function handleFloatingPointPrecisionError(num) {
+    const rounded = Math.round(num);
+    return Math.abs(num - rounded) < 1e-6 ? rounded : num;
+}
+/**
+ * This method is used to calculate the rounded tick values for the y-axis
+ * @param {number} minVal
+ * @param {number} maxVal
+ * @param {number} splitInto
+ * @returns {number[]}
+ */ function calculateRoundedTicks(minVal, maxVal, splitInto) {
+    const finalYmin = minVal >= 0 && minVal === maxVal ? 0 : minVal;
+    const finalYmax = minVal < 0 && minVal === maxVal ? 0 : maxVal;
+    const ticksInterval = d3nice(finalYmin, finalYmax, splitInto);
+    const ticks = d3Ticks(ticksInterval[0], ticksInterval[ticksInterval.length - 1], splitInto);
+    if (ticks[ticks.length - 1] > finalYmax && isPowerOf10(finalYmax)) {
+        ticks.pop();
+    }
+    return ticks;
+}
 /**
  * This method used for creating data points for the y axis.
  * @export
@@ -211,12 +238,32 @@ export function useRtl() {
  * @param {number} splitInto
  * @param {boolean} isIntegralDataset
  * @returns {number[]}
- */ export function prepareDatapoints(maxVal, minVal, splitInto, isIntegralDataset) {
+ */ export function prepareDatapoints(maxVal, minVal, splitInto, isIntegralDataset, roundedTicks) {
+    if (roundedTicks) {
+        return calculateRoundedTicks(minVal, maxVal, splitInto);
+    }
     const val = isIntegralDataset ? Math.ceil((maxVal - minVal) / splitInto) : (maxVal - minVal) / splitInto >= 1 ? Math.ceil((maxVal - minVal) / splitInto) : (maxVal - minVal) / splitInto;
-    const dataPointsArray = [
-        minVal,
-        minVal + val
+    /*
+    For cases where we have negative and positive values
+    The dataPointsArray is filled from 0 to minVal by val difference
+    Then the array is reversed and values from 0(excluding 0) to maxVal are appended
+    This ensures presence of 0 to act as an anchor reference.
+    For simple cases where the scale may not encounter such a need for 0,
+    We simply fill from minVal to maxVal
+  */ const dataPointsArray = [
+        minVal < 0 && maxVal >= 0 ? 0 : minVal
     ];
+    /*For the case of all positive or all negative, we need to add another value
+     in array for atleast one interval, but in case of mix of positive and negative,
+     there will always be one more entry that will be added by the logic we have*/ if (dataPointsArray[0] === minVal) {
+        dataPointsArray.push(minVal + val);
+    }
+    if (minVal < 0 && maxVal >= 0) {
+        while(dataPointsArray[dataPointsArray.length - 1] > minVal){
+            dataPointsArray.push(dataPointsArray[dataPointsArray.length - 1] - val);
+        }
+        dataPointsArray.reverse();
+    }
     while(dataPointsArray[dataPointsArray.length - 1] < maxVal){
         dataPointsArray.push(dataPointsArray[dataPointsArray.length - 1] + val);
     }
@@ -227,12 +274,12 @@ export function useRtl() {
  * @export
  * @param {IYAxisParams} yAxisParams
  * @param {boolean} isRtl
- */ export function createYAxis(yAxisParams, isRtl, axisData, chartType, barWidth, isIntegralDataset, useSecondaryYScale = false) {
+ */ export function createYAxis(yAxisParams, isRtl, axisData, chartType, barWidth, isIntegralDataset, useSecondaryYScale = false, roundedTicks = false) {
     switch(chartType){
         case 6:
             return createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axisData, barWidth);
         default:
-            return createYAxisForOtherCharts(yAxisParams, isRtl, axisData, isIntegralDataset, useSecondaryYScale);
+            return createYAxisForOtherCharts(yAxisParams, isRtl, axisData, isIntegralDataset, chartType, useSecondaryYScale, roundedTicks);
     }
 }
 export function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axisData, barWidth) {
@@ -254,10 +301,10 @@ export function createYAxisForHorizontalBarChartWithAxis(yAxisParams, isRtl, axi
     const axis = isRtl ? d3AxisRight(yAxisScale) : d3AxisLeft(yAxisScale);
     const yAxis = axis.tickPadding(tickPadding).ticks(yAxisTickCount);
     yAxisTickFormat ? yAxis.tickFormat(yAxisTickFormat) : yAxis.tickFormat(d3Format('.2~s'));
-    yAxisElement ? d3Select(yAxisElement).call((g)=>yAxis).selectAll('text').attr('aria-hidden', 'true') : '';
+    yAxisElement ? d3Select(yAxisElement).call(yAxis).selectAll('text').attr('aria-hidden', 'true') : '';
     return yAxisScale;
 }
-export function createYAxisForOtherCharts(yAxisParams, isRtl, axisData, isIntegralDataset, useSecondaryYScale = false) {
+export function createYAxisForOtherCharts(yAxisParams, isRtl, axisData, isIntegralDataset, chartType, useSecondaryYScale = false, roundedTicks = false) {
     const { yMinMaxValues = {
         startValue: 0,
         endValue: 0
@@ -265,11 +312,18 @@ export function createYAxisForOtherCharts(yAxisParams, isRtl, axisData, isIntegr
     // maxOfYVal coming from only area chart and Grouped vertical bar chart(Calculation done at base file)
     const tempVal = maxOfYVal || yMinMaxValues.endValue;
     const finalYmax = tempVal > yMaxValue ? tempVal : yMaxValue;
-    const finalYmin = yMinMaxValues.startValue < yMinValue ? 0 : yMinValue;
-    const domainValues = prepareDatapoints(finalYmax, finalYmin, yAxisTickCount, isIntegralDataset);
+    const finalYmin = Math.min(yMinMaxValues.startValue, yMinValue || 0);
+    const domainValues = prepareDatapoints(finalYmax, finalYmin, yAxisTickCount, isIntegralDataset, roundedTicks);
+    let yMin = finalYmin;
+    let yMax = domainValues[domainValues.length - 1];
+    if (chartType === 7) {
+        const yPadding = (yMax - yMin) * 0.1;
+        yMin = yMin - yPadding;
+        yMax = yMax + yPadding;
+    }
     const yAxisScale = d3ScaleLinear().domain([
-        finalYmin,
-        domainValues[domainValues.length - 1]
+        domainValues[0],
+        yMax
     ]).range([
         containerHeight - margins.bottom,
         margins.top + (eventAnnotationProps ? eventLabelHeight : 0)
@@ -305,7 +359,7 @@ export const createStringYAxis = (yAxisParams, dataPoints, isRtl, chartType, bar
     if (yAxisTickFormat) {
         yAxis.tickFormat(yAxisTickFormat);
     }
-    yAxisElement ? d3Select(yAxisElement).call((g)=>yAxis).selectAll('text') : '';
+    yAxisElement ? d3Select(yAxisElement).call(yAxis).selectAll('text') : '';
     return yAxisScale;
 };
 /**
@@ -324,7 +378,7 @@ export const createStringYAxis = (yAxisParams, dataPoints, isRtl, chartType, bar
     if (yAxisTickFormat) {
         yAxis.tickFormat(yAxisTickFormat);
     }
-    yAxisElement ? d3Select(yAxisElement).call((g)=>yAxis).selectAll('text') : '';
+    yAxisElement ? d3Select(yAxisElement).call(yAxis).selectAll('text') : '';
     return yAxisScale;
 };
 /**
@@ -372,8 +426,9 @@ export const createStringYAxis = (yAxisParams, dataPoints, isRtl, chartType, bar
         }
     });
     const result = Object.keys(xValToDataPoints).map((xValue)=>{
+        const originalXValue = isNaN(Number(xValue)) ? xValue : Number(xValue);
         return {
-            x: Number(xValue),
+            x: originalXValue,
             values: xValToDataPoints[xValue]
         };
     });
@@ -421,7 +476,7 @@ export function getUnique(arr, comp) {
     if (node === null) {
         return;
     }
-    const axisNode = d3Select(node).call((g)=>xAxis);
+    const axisNode = d3Select(node).call(xAxis);
     let removeVal = 0;
     const width = 10;
     const arr = [];
@@ -490,6 +545,7 @@ yAxis, noOfCharsToTruncate, truncateLabel, xValue, isRtl) {
     if (node === null) {
         return;
     }
+    let tickIndex = 0;
     const axisNode = d3Select(node).call(yAxis);
     axisNode.selectAll('.tick text').each(function() {
         const text = d3Select(this);
@@ -501,11 +557,12 @@ yAxis, noOfCharsToTruncate, truncateLabel, xValue, isRtl) {
         const x = text.attr('x');
         const dy = parseFloat(text.attr('dy'));
         const dx = 0;
-        text.text(null).append('tspan').attr('x', x).attr('y', y).attr('id', 'BaseSpan').attr('dy', dy + 'em').attr('data-', totalWord);
+        const uid = tickIndex++;
+        text.text(null).append('tspan').attr('x', x).attr('y', y).attr('id', `BaseSpan-${uid}`).attr('dy', dy + 'em').attr('data-', totalWord);
         if (truncateLabel && totalWordLength > noOfCharsToTruncate) {
-            text.append('tspan').attr('id', 'showDots').attr('x', isRtl ? 0 : x).attr('y', y).attr('dy', dy).attr('dx', padding + dx + 'em').text(truncatedWord);
+            text.append('tspan').attr('id', `showDots-${uid}`).attr('x', isRtl ? 0 : x).attr('y', y).attr('dy', dy).attr('dx', padding + dx + 'em').text(truncatedWord);
         } else {
-            text.attr('text-align', 'start').append('tspan').attr('id', 'LessLength').attr('x', isRtl ? 0 : x).attr('y', y).attr('dx', padding + dx + 'em').text(totalWord);
+            text.attr('text-align', 'start').append('tspan').attr('id', `LessLength-${uid}`).attr('x', isRtl ? 0 : x).attr('y', y).attr('dx', padding + dx + 'em').text(totalWord);
         }
     });
 }
@@ -626,6 +683,40 @@ export function tooltipOfXAxislabels(xAxistooltipProps) {
         rEndValue
     };
 }
+/**
+ * Calculates Domain and range values for Numeric X axis for scatter chart.
+ * @export
+ * @param {LineChartPoints[]} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @returns {IDomainNRange}
+ */ export function domainRangeOfNumericForScatterChart(points, margins, width, isRTL) {
+    let xMin = d3Min(points, (point)=>{
+        return d3Min(point.data, (item)=>item.x);
+    });
+    let xMax = d3Max(points, (point)=>{
+        return d3Max(point.data, (item)=>{
+            return item.x;
+        });
+    });
+    const xPadding = (xMax - xMin) * 0.1;
+    xMin = xMin - xPadding;
+    xMax = xMax + xPadding;
+    const rStartValue = margins.left;
+    const rEndValue = width - margins.right;
+    return isRTL ? {
+        dStartValue: xMax,
+        dEndValue: xMin,
+        rStartValue,
+        rEndValue
+    } : {
+        dStartValue: xMin,
+        dEndValue: xMax,
+        rStartValue,
+        rEndValue
+    };
+}
 /**
  * Calculates Domain and range values for Numeric X axis.
  * This method calculates Horizontal Chart with Axis
@@ -760,6 +851,59 @@ export function tooltipOfXAxislabels(xAxistooltipProps) {
         rEndValue
     };
 }
+/**
+ * Calculates Domain and range values for Date X axis for scatter chart.
+ * @export
+ * @param {LineChartPoints[]} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @param {Date[] | number[]} tickValues
+ * @returns {IDomainNRange}
+ */ export function domainRangeOfDateForScatterChart(points, margins, width, isRTL, tickValues = []) {
+    let sDate;
+    let lDate;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    sDate = d3Min(points, (point)=>{
+        return d3Min(point.data, (item)=>{
+            return item.x;
+        });
+    });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    lDate = d3Max(points, (point)=>{
+        return d3Max(point.data, (item)=>{
+            return item.x;
+        });
+    });
+    const xPadding = (lDate.getTime() - sDate.getTime()) * 0.1;
+    sDate = new Date(sDate.getTime() - xPadding);
+    lDate = new Date(lDate.getTime() + xPadding);
+    // Need to draw graph with given small and large date
+    // (Which Involves customization of date axis tick values)
+    // That may be Either from given graph data or from prop 'tickValues' date values.
+    // So, Finding smallest and largest dates
+    sDate = d3Min([
+        ...tickValues,
+        sDate
+    ]);
+    lDate = d3Max([
+        ...tickValues,
+        lDate
+    ]);
+    const rStartValue = margins.left;
+    const rEndValue = width - margins.right;
+    return isRTL ? {
+        dStartValue: lDate,
+        dEndValue: sDate,
+        rStartValue,
+        rEndValue
+    } : {
+        dStartValue: sDate,
+        dEndValue: lDate,
+        rStartValue,
+        rEndValue
+    };
+}
 /**
  * Calculate domain and range values to the Vertical bar chart - For Numeric axis
  * @export
@@ -817,6 +961,9 @@ points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues, shift
             case 6:
                 domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(points, margins, width, isRTL, shiftX);
                 break;
+            case 7:
+                domainNRangeValue = domainRangeOfNumericForScatterChart(points, margins, width, isRTL);
+                break;
             default:
                 domainNRangeValue = {
                     dStartValue: 0,
@@ -833,6 +980,9 @@ points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues, shift
             case 3:
                 domainNRangeValue = domainRangeOfDateForAreaLineVerticalBarChart(points, margins, width, isRTL, tickValues, chartType, barWidth);
                 break;
+            case 7:
+                domainNRangeValue = domainRangeOfDateForScatterChart(points, margins, width, isRTL, tickValues);
+                break;
             default:
                 domainNRangeValue = {
                     dStartValue: 0,
@@ -848,6 +998,7 @@ points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues, shift
             case 4:
             case 2:
             case 5:
+            case 7:
                 domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);
                 break;
             default:
@@ -958,6 +1109,7 @@ points, chartType, yAxisType = 0) {
     switch(chartType){
         case 0:
         case 1:
+        case 7:
             minMaxValues = findNumericMinMaxOfY(points);
             break;
         case 3:
@@ -1206,6 +1358,20 @@ export const formatDate = (date, useUTC)=>{
     const timeFormat = useUTC ? d3UtcFormat : d3TimeFormat;
     return timeFormat('%-e %b %Y, %H:%M')(date) + (useUTC ? ' GMT' : '');
 };
+export function areArraysEqual(arr1, arr2) {
+    if (arr1 === arr2 || !arr1 && !arr2) {
+        return true;
+    }
+    if (!arr1 || !arr2 || arr1.length !== arr2.length) {
+        return false;
+    }
+    for(let i = 0; i < arr1.length; i++){
+        if (arr1[i] !== arr2[i]) {
+            return false;
+        }
+    }
+    return true;
+}
 const cssVarRegExp = /var\((--[a-zA-Z0-9\-]+)\)/g;
 export function resolveCSSVariables(chartContainer, styleRules) {
     const containerStyles = getComputedStyle(chartContainer);
@@ -1213,3 +1379,27 @@ export function resolveCSSVariables(chartContainer, styleRules) {
         return containerStyles.getPropertyValue(group1);
     });
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function getSecureProps(props = {}) {
+    const { dangerouslySetInnerHTML, ...result } = props;
+    return result;
+}
+export function getCurveFactory(curve, defaultFactory = d3CurveLinear) {
+    if (typeof curve === 'function') {
+        return curve;
+    }
+    switch(curve){
+        case 'linear':
+            return d3CurveLinear;
+        case 'natural':
+            return d3CurveNatural;
+        case 'step':
+            return d3CurveStep;
+        case 'stepAfter':
+            return d3CurveStepAfter;
+        case 'stepBefore':
+            return d3CurveStepBefore;
+        default:
+            return defaultFactory;
+    }
+}