@oanda/labs-crowd-view-widget 1.0.59 → 1.0.60

package/CHANGELOG.md

@@ -3,6 +3,250 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.60 (2025-12-16)
+
+
+
+## 1.0.241 (2025-12-16)
+
+
+
+## 1.0.240 (2025-12-15)
+
+
+
+## 1.0.239 (2025-12-12)
+
+
+
+## 1.0.238 (2025-12-11)
+
+
+
+## 1.0.237 (2025-12-09)
+
+
+
+## 1.0.236 (2025-12-05)
+
+
+
+## 1.0.235 (2025-12-04)
+
+
+
+## 1.0.234 (2025-11-27)
+
+
+
+## 1.0.233 (2025-11-27)
+
+
+
+## 1.0.232 (2025-11-27)
+
+
+
+## 1.0.231 (2025-11-07)
+
+
+
+## 1.0.230 (2025-11-05)
+
+
+
+## 1.0.229 (2025-11-05)
+
+
+
+## 1.0.228 (2025-11-05)
+
+
+
+## 1.0.227 (2025-10-31)
+
+
+
+## 1.0.226 (2025-10-29)
+
+
+
+## 1.0.225 (2025-10-09)
+
+
+
+## 1.0.224 (2025-09-29)
+
+
+
+## 1.0.223 (2025-09-29)
+
+
+
+## 1.0.222 (2025-09-17)
+
+
+
+## 1.0.221 (2025-09-11)
+
+
+
+## 1.0.220 (2025-09-09)
+
+
+
+## 1.0.219 (2025-09-02)
+
+
+
+## 1.0.218 (2025-09-01)
+
+
+
+## 1.0.217 (2025-08-25)
+
+
+
+## 1.0.216 (2025-08-18)
+
+
+
+## 1.0.215 (2025-08-18)
+
+
+
+## 1.0.214 (2025-08-14)
+
+
+
+## 1.0.213 (2025-08-12)
+
+
+
+## 1.0.212 (2025-08-05)
+
+
+
+## 1.0.211 (2025-08-05)
+
+
+
+## 1.0.210 (2025-07-31)
+
+
+
+## 1.0.209 (2025-07-31)
+
+
+
+## 1.0.208 (2025-07-24)
+
+
+
+## 1.0.207 (2025-07-18)
+
+
+
+## 1.0.206 (2025-07-18)
+
+
+
+## 1.0.205 (2025-07-17)
+
+
+
+## 1.0.204 (2025-07-09)
+
+
+
+## 1.0.203 (2025-06-16)
+
+
+
+## 1.0.202 (2025-06-04)
+
+
+
+## 1.0.201 (2025-06-02)
+
+
+
+## 1.0.200 (2025-05-30)
+
+
+
+## 1.0.199 (2025-05-29)
+
+
+
+## 1.0.198 (2025-05-26)
+
+
+
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+**Note:** Version bump only for package @oanda/labs-crowd-view-widget
+
+
+
+
+
 ## 1.0.59 (2025-12-16)
 
 

package/dist/main/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.js

@@ -5,6 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBucketWidthMultiplayer = void 0;
 var _constants = require("../../../constants");
+const roundToClosest = (value, options) => {
+  return options.reduce((closest, option) => {
+    const distanceToOption = Math.abs(value - option);
+    const distanceToClosest = Math.abs(value - closest);
+    if (distanceToOption === distanceToClosest) {
+      return option > closest ? option : closest;
+    }
+    return distanceToOption < distanceToClosest ? option : closest;
+  });
+};
+const getRoundingValues = base => {
+  return [base, 2 * base, 4 * base, 5 * base, 10 * base];
+};
 const getBucketWidthMultiplayer = _ref => {
   let {
     minPrice,
@@ -16,7 +29,13 @@ const getBucketWidthMultiplayer = _ref => {
   } = _constants.INSTRUMENTS_CONFIG[instrument];
   const priceRange = maxPrice - minPrice;
   const calculatedMultiplier = priceRange / (defaultBucketWidth * _constants.DISPLAYED_BUCKETS_COUNT);
-  return Math.max(1, Math.ceil(calculatedMultiplier));
+  if (calculatedMultiplier <= 1) {
+    return 1;
+  }
+  const powerOf10 = Math.floor(Math.log10(calculatedMultiplier));
+  const base = Math.pow(10, powerOf10);
+  const roundingValues = getRoundingValues(base);
+  return roundToClosest(calculatedMultiplier, roundingValues);
 };
 exports.getBucketWidthMultiplayer = getBucketWidthMultiplayer;
 //# sourceMappingURL=getBucketWidthMultiplayer.js.map

package/dist/main/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBucketWidthMultiplayer.js","names":["_constants","require","getBucketWidthMultiplayer","_ref","minPrice","maxPrice","instrument","defaultBucketWidth","INSTRUMENTS_CONFIG","priceRange","calculatedMultiplier","DISPLAYED_BUCKETS_COUNT","Math","max","ceil","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.ts"],"sourcesContent":["import {\n  DISPLAYED_BUCKETS_COUNT,\n  INSTRUMENTS_CONFIG,\n} from '../../../constants';\nimport type { InstrumentId } from '../../../types';\n\ninterface GetBucketWidthMultiplayerParams {\n  minPrice: number;\n  maxPrice: number;\n  instrument: InstrumentId;\n}\n\nexport const getBucketWidthMultiplayer = ({\n  minPrice,\n  maxPrice,\n  instrument,\n}: GetBucketWidthMultiplayerParams): number => {\n  const { defaultBucketWidth } = INSTRUMENTS_CONFIG[instrument];\n  const priceRange = maxPrice - minPrice;\n\n  const calculatedMultiplier =\n    priceRange / (defaultBucketWidth * DISPLAYED_BUCKETS_COUNT);\n\n  return Math.max(1, Math.ceil(calculatedMultiplier));\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAYO,MAAMC,yBAAyB,GAAGC,IAAA,IAIM;EAAA,IAJL;IACxCC,QAAQ;IACRC,QAAQ;IACRC;EAC+B,CAAC,GAAAH,IAAA;EAChC,MAAM;IAAEI;EAAmB,CAAC,GAAGC,6BAAkB,CAACF,UAAU,CAAC;EAC7D,MAAMG,UAAU,GAAGJ,QAAQ,GAAGD,QAAQ;EAEtC,MAAMM,oBAAoB,GACxBD,UAAU,IAAIF,kBAAkB,GAAGI,kCAAuB,CAAC;EAE7D,OAAOC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,IAAI,CAACJ,oBAAoB,CAAC,CAAC;AACrD,CAAC;AAACK,OAAA,CAAAb,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"file":"getBucketWidthMultiplayer.js","names":["_constants","require","roundToClosest","value","options","reduce","closest","option","distanceToOption","Math","abs","distanceToClosest","getRoundingValues","base","getBucketWidthMultiplayer","_ref","minPrice","maxPrice","instrument","defaultBucketWidth","INSTRUMENTS_CONFIG","priceRange","calculatedMultiplier","DISPLAYED_BUCKETS_COUNT","powerOf10","floor","log10","pow","roundingValues","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.ts"],"sourcesContent":["import {\n  DISPLAYED_BUCKETS_COUNT,\n  INSTRUMENTS_CONFIG,\n} from '../../../constants';\nimport type { InstrumentId } from '../../../types';\n\ninterface GetBucketWidthMultiplayerParams {\n  minPrice: number;\n  maxPrice: number;\n  instrument: InstrumentId;\n}\n\nconst roundToClosest = (value: number, options: number[]): number => {\n  return options.reduce((closest, option) => {\n    const distanceToOption = Math.abs(value - option);\n    const distanceToClosest = Math.abs(value - closest);\n\n    if (distanceToOption === distanceToClosest) {\n      return option > closest ? option : closest;\n    }\n\n    return distanceToOption < distanceToClosest ? option : closest;\n  });\n};\n\nconst getRoundingValues = (base: number): number[] => {\n  return [base, 2 * base, 4 * base, 5 * base, 10 * base];\n};\n\nexport const getBucketWidthMultiplayer = ({\n  minPrice,\n  maxPrice,\n  instrument,\n}: GetBucketWidthMultiplayerParams): number => {\n  const { defaultBucketWidth } = INSTRUMENTS_CONFIG[instrument];\n  const priceRange = maxPrice - minPrice;\n\n  const calculatedMultiplier =\n    priceRange / (defaultBucketWidth * DISPLAYED_BUCKETS_COUNT);\n\n  if (calculatedMultiplier <= 1) {\n    return 1;\n  }\n\n  const powerOf10 = Math.floor(Math.log10(calculatedMultiplier));\n  const base = Math.pow(10, powerOf10);\n  const roundingValues = getRoundingValues(base);\n\n  return roundToClosest(calculatedMultiplier, roundingValues);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAYA,MAAMC,cAAc,GAAGA,CAACC,KAAa,EAAEC,OAAiB,KAAa;EACnE,OAAOA,OAAO,CAACC,MAAM,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;IACzC,MAAMC,gBAAgB,GAAGC,IAAI,CAACC,GAAG,CAACP,KAAK,GAAGI,MAAM,CAAC;IACjD,MAAMI,iBAAiB,GAAGF,IAAI,CAACC,GAAG,CAACP,KAAK,GAAGG,OAAO,CAAC;IAEnD,IAAIE,gBAAgB,KAAKG,iBAAiB,EAAE;MAC1C,OAAOJ,MAAM,GAAGD,OAAO,GAAGC,MAAM,GAAGD,OAAO;IAC5C;IAEA,OAAOE,gBAAgB,GAAGG,iBAAiB,GAAGJ,MAAM,GAAGD,OAAO;EAChE,CAAC,CAAC;AACJ,CAAC;AAED,MAAMM,iBAAiB,GAAIC,IAAY,IAAe;EACpD,OAAO,CAACA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,EAAE,GAAGA,IAAI,CAAC;AACxD,CAAC;AAEM,MAAMC,yBAAyB,GAAGC,IAAA,IAIM;EAAA,IAJL;IACxCC,QAAQ;IACRC,QAAQ;IACRC;EAC+B,CAAC,GAAAH,IAAA;EAChC,MAAM;IAAEI;EAAmB,CAAC,GAAGC,6BAAkB,CAACF,UAAU,CAAC;EAC7D,MAAMG,UAAU,GAAGJ,QAAQ,GAAGD,QAAQ;EAEtC,MAAMM,oBAAoB,GACxBD,UAAU,IAAIF,kBAAkB,GAAGI,kCAAuB,CAAC;EAE7D,IAAID,oBAAoB,IAAI,CAAC,EAAE;IAC7B,OAAO,CAAC;EACV;EAEA,MAAME,SAAS,GAAGf,IAAI,CAACgB,KAAK,CAAChB,IAAI,CAACiB,KAAK,CAACJ,oBAAoB,CAAC,CAAC;EAC9D,MAAMT,IAAI,GAAGJ,IAAI,CAACkB,GAAG,CAAC,EAAE,EAAEH,SAAS,CAAC;EACpC,MAAMI,cAAc,GAAGhB,iBAAiB,CAACC,IAAI,CAAC;EAE9C,OAAOX,cAAc,CAACoB,oBAAoB,EAAEM,cAAc,CAAC;AAC7D,CAAC;AAACC,OAAA,CAAAf,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.js

@@ -1,4 +1,17 @@
 import { DISPLAYED_BUCKETS_COUNT, INSTRUMENTS_CONFIG } from '../../../constants';
+const roundToClosest = (value, options) => {
+  return options.reduce((closest, option) => {
+    const distanceToOption = Math.abs(value - option);
+    const distanceToClosest = Math.abs(value - closest);
+    if (distanceToOption === distanceToClosest) {
+      return option > closest ? option : closest;
+    }
+    return distanceToOption < distanceToClosest ? option : closest;
+  });
+};
+const getRoundingValues = base => {
+  return [base, 2 * base, 4 * base, 5 * base, 10 * base];
+};
 export const getBucketWidthMultiplayer = _ref => {
   let {
     minPrice,
@@ -10,6 +23,12 @@ export const getBucketWidthMultiplayer = _ref => {
   } = INSTRUMENTS_CONFIG[instrument];
   const priceRange = maxPrice - minPrice;
   const calculatedMultiplier = priceRange / (defaultBucketWidth * DISPLAYED_BUCKETS_COUNT);
-  return Math.max(1, Math.ceil(calculatedMultiplier));
+  if (calculatedMultiplier <= 1) {
+    return 1;
+  }
+  const powerOf10 = Math.floor(Math.log10(calculatedMultiplier));
+  const base = Math.pow(10, powerOf10);
+  const roundingValues = getRoundingValues(base);
+  return roundToClosest(calculatedMultiplier, roundingValues);
 };
 //# sourceMappingURL=getBucketWidthMultiplayer.js.map

package/dist/module/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBucketWidthMultiplayer.js","names":["DISPLAYED_BUCKETS_COUNT","INSTRUMENTS_CONFIG","getBucketWidthMultiplayer","_ref","minPrice","maxPrice","instrument","defaultBucketWidth","priceRange","calculatedMultiplier","Math","max","ceil"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.ts"],"sourcesContent":["import {\n  DISPLAYED_BUCKETS_COUNT,\n  INSTRUMENTS_CONFIG,\n} from '../../../constants';\nimport type { InstrumentId } from '../../../types';\n\ninterface GetBucketWidthMultiplayerParams {\n  minPrice: number;\n  maxPrice: number;\n  instrument: InstrumentId;\n}\n\nexport const getBucketWidthMultiplayer = ({\n  minPrice,\n  maxPrice,\n  instrument,\n}: GetBucketWidthMultiplayerParams): number => {\n  const { defaultBucketWidth } = INSTRUMENTS_CONFIG[instrument];\n  const priceRange = maxPrice - minPrice;\n\n  const calculatedMultiplier =\n    priceRange / (defaultBucketWidth * DISPLAYED_BUCKETS_COUNT);\n\n  return Math.max(1, Math.ceil(calculatedMultiplier));\n};\n"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,kBAAkB,QACb,oBAAoB;AAS3B,OAAO,MAAMC,yBAAyB,GAAGC,IAAA,IAIM;EAAA,IAJL;IACxCC,QAAQ;IACRC,QAAQ;IACRC;EAC+B,CAAC,GAAAH,IAAA;EAChC,MAAM;IAAEI;EAAmB,CAAC,GAAGN,kBAAkB,CAACK,UAAU,CAAC;EAC7D,MAAME,UAAU,GAAGH,QAAQ,GAAGD,QAAQ;EAEtC,MAAMK,oBAAoB,GACxBD,UAAU,IAAID,kBAAkB,GAAGP,uBAAuB,CAAC;EAE7D,OAAOU,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,IAAI,CAACH,oBAAoB,CAAC,CAAC;AACrD,CAAC","ignoreList":[]}
+{"version":3,"file":"getBucketWidthMultiplayer.js","names":["DISPLAYED_BUCKETS_COUNT","INSTRUMENTS_CONFIG","roundToClosest","value","options","reduce","closest","option","distanceToOption","Math","abs","distanceToClosest","getRoundingValues","base","getBucketWidthMultiplayer","_ref","minPrice","maxPrice","instrument","defaultBucketWidth","priceRange","calculatedMultiplier","powerOf10","floor","log10","pow","roundingValues"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.ts"],"sourcesContent":["import {\n  DISPLAYED_BUCKETS_COUNT,\n  INSTRUMENTS_CONFIG,\n} from '../../../constants';\nimport type { InstrumentId } from '../../../types';\n\ninterface GetBucketWidthMultiplayerParams {\n  minPrice: number;\n  maxPrice: number;\n  instrument: InstrumentId;\n}\n\nconst roundToClosest = (value: number, options: number[]): number => {\n  return options.reduce((closest, option) => {\n    const distanceToOption = Math.abs(value - option);\n    const distanceToClosest = Math.abs(value - closest);\n\n    if (distanceToOption === distanceToClosest) {\n      return option > closest ? option : closest;\n    }\n\n    return distanceToOption < distanceToClosest ? option : closest;\n  });\n};\n\nconst getRoundingValues = (base: number): number[] => {\n  return [base, 2 * base, 4 * base, 5 * base, 10 * base];\n};\n\nexport const getBucketWidthMultiplayer = ({\n  minPrice,\n  maxPrice,\n  instrument,\n}: GetBucketWidthMultiplayerParams): number => {\n  const { defaultBucketWidth } = INSTRUMENTS_CONFIG[instrument];\n  const priceRange = maxPrice - minPrice;\n\n  const calculatedMultiplier =\n    priceRange / (defaultBucketWidth * DISPLAYED_BUCKETS_COUNT);\n\n  if (calculatedMultiplier <= 1) {\n    return 1;\n  }\n\n  const powerOf10 = Math.floor(Math.log10(calculatedMultiplier));\n  const base = Math.pow(10, powerOf10);\n  const roundingValues = getRoundingValues(base);\n\n  return roundToClosest(calculatedMultiplier, roundingValues);\n};\n"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,kBAAkB,QACb,oBAAoB;AAS3B,MAAMC,cAAc,GAAGA,CAACC,KAAa,EAAEC,OAAiB,KAAa;EACnE,OAAOA,OAAO,CAACC,MAAM,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;IACzC,MAAMC,gBAAgB,GAAGC,IAAI,CAACC,GAAG,CAACP,KAAK,GAAGI,MAAM,CAAC;IACjD,MAAMI,iBAAiB,GAAGF,IAAI,CAACC,GAAG,CAACP,KAAK,GAAGG,OAAO,CAAC;IAEnD,IAAIE,gBAAgB,KAAKG,iBAAiB,EAAE;MAC1C,OAAOJ,MAAM,GAAGD,OAAO,GAAGC,MAAM,GAAGD,OAAO;IAC5C;IAEA,OAAOE,gBAAgB,GAAGG,iBAAiB,GAAGJ,MAAM,GAAGD,OAAO;EAChE,CAAC,CAAC;AACJ,CAAC;AAED,MAAMM,iBAAiB,GAAIC,IAAY,IAAe;EACpD,OAAO,CAACA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,CAAC,GAAGA,IAAI,EAAE,EAAE,GAAGA,IAAI,CAAC;AACxD,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGC,IAAA,IAIM;EAAA,IAJL;IACxCC,QAAQ;IACRC,QAAQ;IACRC;EAC+B,CAAC,GAAAH,IAAA;EAChC,MAAM;IAAEI;EAAmB,CAAC,GAAGlB,kBAAkB,CAACiB,UAAU,CAAC;EAC7D,MAAME,UAAU,GAAGH,QAAQ,GAAGD,QAAQ;EAEtC,MAAMK,oBAAoB,GACxBD,UAAU,IAAID,kBAAkB,GAAGnB,uBAAuB,CAAC;EAE7D,IAAIqB,oBAAoB,IAAI,CAAC,EAAE;IAC7B,OAAO,CAAC;EACV;EAEA,MAAMC,SAAS,GAAGb,IAAI,CAACc,KAAK,CAACd,IAAI,CAACe,KAAK,CAACH,oBAAoB,CAAC,CAAC;EAC9D,MAAMR,IAAI,GAAGJ,IAAI,CAACgB,GAAG,CAAC,EAAE,EAAEH,SAAS,CAAC;EACpC,MAAMI,cAAc,GAAGd,iBAAiB,CAACC,IAAI,CAAC;EAE9C,OAAOX,cAAc,CAACmB,oBAAoB,EAAEK,cAAc,CAAC;AAC7D,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-crowd-view-widget",
-  "version": "1.0.59",
+  "version": "1.0.60",
   "description": "Labs Crowd View Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.241",
+    "@oanda/labs-widget-common": "^1.0.242",
     "@oanda/mono-i18n": "10.0.1",
     "chroma-js": "^3.1.2",
     "decimal.js": "^10.6.0",
@@ -24,5 +24,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@types/chroma-js": "^3.1.2"
   },
-  "gitHead": "1a8471ad158713f1ee4e6fdde61ac31416d8f34d"
+  "gitHead": "5023edd1d0ab11c4d681588f2ee9f9ea482a9605"
 }

package/src/CrowdViewWidget/components/Chart/dataUtils/getBucketWidthMultiplayer.ts

@@ -10,6 +10,23 @@ interface GetBucketWidthMultiplayerParams {
   instrument: InstrumentId;
 }
 
+const roundToClosest = (value: number, options: number[]): number => {
+  return options.reduce((closest, option) => {
+    const distanceToOption = Math.abs(value - option);
+    const distanceToClosest = Math.abs(value - closest);
+
+    if (distanceToOption === distanceToClosest) {
+      return option > closest ? option : closest;
+    }
+
+    return distanceToOption < distanceToClosest ? option : closest;
+  });
+};
+
+const getRoundingValues = (base: number): number[] => {
+  return [base, 2 * base, 4 * base, 5 * base, 10 * base];
+};
+
 export const getBucketWidthMultiplayer = ({
   minPrice,
   maxPrice,
@@ -21,5 +38,13 @@ export const getBucketWidthMultiplayer = ({
   const calculatedMultiplier =
     priceRange / (defaultBucketWidth * DISPLAYED_BUCKETS_COUNT);
 
-  return Math.max(1, Math.ceil(calculatedMultiplier));
+  if (calculatedMultiplier <= 1) {
+    return 1;
+  }
+
+  const powerOf10 = Math.floor(Math.log10(calculatedMultiplier));
+  const base = Math.pow(10, powerOf10);
+  const roundingValues = getRoundingValues(base);
+
+  return roundToClosest(calculatedMultiplier, roundingValues);
 };

package/test/components/Chart/dataUtils/getBucketWidthMultiplayer.test.ts

@@ -9,7 +9,7 @@ describe('getBucketWidthMultiplayer', () => {
         maxPrice: 1.1,
         instrument: InstrumentId.EUR_USD,
       });
-      expect(result).toBe(3);
+      expect(result).toBe(2);
     });
 
     it('should calculate multiplier correctly for EUR_JPY with standard price range', () => {
@@ -30,4 +30,132 @@ describe('getBucketWidthMultiplayer', () => {
     });
     expect(result).toBe(1);
   });
+
+  describe('rounding behavior for 1 < multiplier < 10', () => {
+    it('should round to closest value from [1, 2, 4, 5, 10]', () => {
+      const result1 = getBucketWidthMultiplayer({
+        minPrice: 1.0,
+        maxPrice: 1.03,
+        instrument: InstrumentId.EUR_USD,
+      });
+      expect(result1).toBe(2);
+
+      const result2 = getBucketWidthMultiplayer({
+        minPrice: 1.0,
+        maxPrice: 1.07,
+        instrument: InstrumentId.EUR_USD,
+      });
+      expect(result2).toBe(4);
+
+      const result3 = getBucketWidthMultiplayer({
+        minPrice: 1.0,
+        maxPrice: 1.14,
+        instrument: InstrumentId.EUR_USD,
+      });
+      expect(result3).toBe(5);
+    });
+  });
+
+  describe('rounding behavior for 10 <= multiplier < 100', () => {
+    it('should round to closest value from [10, 20, 40, 50, 100]', () => {
+      const result1 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 164.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result1).toBe(10);
+
+      const result2 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 170.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result2).toBe(20);
+
+      const result3 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 200.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result3).toBe(40);
+
+      const result4 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 210.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result4).toBe(40);
+
+      const result5 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 230.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result5).toBe(50);
+
+      const result6 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 290.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result6).toBe(100);
+    });
+  });
+
+  describe('rounding behavior for 100 <= multiplier < 1000', () => {
+    it('should round to closest value from [100, 200, 400, 500, 1000]', () => {
+      const result1 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 440.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result1).toBe(200);
+
+      const result2 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 640.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result2).toBe(200);
+
+      const result3 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 740.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result3).toBe(400);
+
+      const result4 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 1040.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result4).toBe(500);
+
+      const result5 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 1640.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result5).toBe(1000);
+    });
+  });
+
+  describe('rounding behavior for multiplier >= 1000', () => {
+    it('should round to closest value from [1000, 2000, 4000, 5000, 10000]', () => {
+      const result1 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 3140.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result1).toBe(2000);
+
+      const result2 = getBucketWidthMultiplayer({
+        minPrice: 140.0,
+        maxPrice: 7140.0,
+        instrument: InstrumentId.EUR_JPY,
+      });
+      expect(result2).toBe(4000);
+    });
+  });
 });