@oanda/labs-order-book-widget 1.0.100 → 1.0.101

package/CHANGELOG.md

@@ -3,6 +3,398 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.101 (2024-03-13)
+
+
+
+## 1.0.100 (2024-03-12)
+
+
+
+## 1.0.99 (2024-03-11)
+
+
+
+## 1.0.98 (2024-03-07)
+
+
+
+## 1.0.97 (2024-03-06)
+
+
+
+## 1.0.96 (2024-03-06)
+
+
+
+## 1.0.95 (2024-03-04)
+
+
+
+## 1.0.94 (2024-02-29)
+
+
+
+## 1.0.93 (2024-02-28)
+
+
+
+## 1.0.92 (2024-02-28)
+
+
+
+## 1.0.91 (2024-02-23)
+
+
+
+## 1.0.90 (2024-02-23)
+
+
+
+## 1.0.89 (2024-02-21)
+
+
+
+## 1.0.88 (2024-02-21)
+
+
+
+## 1.0.87 (2024-02-20)
+
+
+
+## 1.0.86 (2024-02-20)
+
+
+
+## 1.0.85 (2024-02-13)
+
+
+
+## 1.0.84 (2024-02-13)
+
+
+
+## 1.0.83 (2024-02-09)
+
+
+
+## 1.0.82 (2024-02-05)
+
+
+
+## 1.0.81 (2024-02-05)
+
+
+
+## 1.0.80 (2024-02-05)
+
+
+
+## 1.0.79 (2024-02-05)
+
+
+
+## 1.0.78 (2024-01-30)
+
+
+
+## 1.0.77 (2024-01-25)
+
+
+
+## 1.0.76 (2024-01-25)
+
+
+
+## 1.0.75 (2024-01-22)
+
+
+
+## 1.0.74 (2024-01-22)
+
+
+
+## 1.0.73 (2024-01-22)
+
+
+
+## 1.0.72 (2024-01-19)
+
+
+
+## 1.0.71 (2024-01-18)
+
+
+
+## 1.0.70 (2024-01-17)
+
+
+
+## 1.0.69 (2024-01-17)
+
+
+
+## 1.0.68 (2024-01-15)
+
+
+
+## 1.0.67 (2024-01-15)
+
+
+
+## 1.0.66 (2024-01-12)
+
+
+
+## 1.0.65 (2024-01-11)
+
+
+
+## 1.0.64 (2024-01-11)
+
+
+
+## 1.0.63 (2024-01-11)
+
+
+
+## 1.0.62 (2024-01-10)
+
+
+
+## 1.0.61 (2024-01-09)
+
+
+
+## 1.0.60 (2024-01-05)
+
+
+
+## 1.0.59 (2023-12-27)
+
+
+
+## 1.0.58 (2023-12-22)
+
+
+
+## 1.0.57 (2023-12-22)
+
+
+
+## 1.0.56 (2023-12-21)
+
+
+
+## 1.0.55 (2023-12-19)
+
+
+
+## 1.0.54 (2023-12-15)
+
+
+
+## 1.0.53 (2023-12-13)
+
+
+
+## 1.0.52 (2023-12-13)
+
+
+
+## 1.0.51 (2023-12-07)
+
+
+
+## 1.0.50 (2023-12-04)
+
+
+
+## 1.0.49 (2023-12-01)
+
+
+
+## 1.0.48 (2023-12-01)
+
+
+
+## 1.0.47 (2023-11-29)
+
+
+
+## 1.0.46 (2023-11-28)
+
+
+
+## 1.0.45 (2023-11-23)
+
+
+
+## 1.0.44 (2023-11-22)
+
+
+
+## 1.0.43 (2023-11-15)
+
+
+
+## 1.0.42 (2023-11-10)
+
+
+
+## 1.0.41 (2023-11-03)
+
+
+
+## 1.0.40 (2023-11-02)
+
+
+
+## 1.0.39 (2023-11-02)
+
+
+
+## 1.0.38 (2023-10-26)
+
+
+
+## 1.0.37 (2023-10-26)
+
+
+
+## 1.0.36 (2023-10-25)
+
+
+
+## 1.0.35 (2023-10-24)
+
+
+
+## 1.0.34 (2023-10-23)
+
+
+
+## 1.0.33 (2023-10-23)
+
+
+
+## 1.0.32 (2023-10-23)
+
+
+
+## 1.0.31 (2023-10-20)
+
+
+
+## 1.0.30 (2023-10-19)
+
+
+
+## 1.0.29 (2023-10-19)
+
+
+
+## 1.0.28 (2023-10-19)
+
+
+
+## 1.0.27 (2023-10-18)
+
+
+
+## 1.0.26 (2023-10-18)
+
+
+
+## 1.0.25 (2023-10-17)
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-order-book-widget
+
+
+
+
+
 ## 1.0.100 (2024-03-12)
 
 

package/dist/main/OrderBookWidget/components/Chart/getOption.js

@@ -182,9 +182,8 @@ const getOption = _ref2 => {
     }],
     xAxis: {
       type: 'value',
-      min: range * -1.05,
-      max: range * 1.05,
-      splitNumber: 5,
+      min: Math.floor(range * -1.1),
+      max: Math.ceil(range * 1.1),
       axisTick: {
         show: false
       },
@@ -192,10 +191,11 @@ const getOption = _ref2 => {
         show: false
       },
       axisLabel: {
-        padding: [7, 16, 0, 16],
-        showMinLabel: false,
-        showMaxLabel: false,
-        formatter: value => value === 0 ? '%' : "".concat(Math.abs(value), "%")
+        padding: [7, 12, 0, 12],
+        formatter: value => value === 0 ? '%' : "".concat(Math.abs(value), "%"),
+        hideOverlap: true,
+        alignMaxLabel: 'right',
+        alignMinLabel: 'left'
       }
     },
     yAxis: {

package/dist/main/OrderBookWidget/components/Chart/getOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_formatters","getResponsiveOption","_ref","isDark","isOrderBook","isDesktop","lang","desktopGridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT_DESKTOP","CHART_HEIGHT_MOBILE","xLabelsSize","X_LABEL_SIZE","ZOOM_CONTROL_HEIGHT","yLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","bottomLeftBox","marginBottom","grid","name","top","left","right","concat","bottom","yAxis","axisLabel","margin","series","type","id","markLine","label","padding","graphic","silent","children","z","shape","width","height","style","fill","colorPalette","darkGray","white","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","black","text","exports","getOption","_ref2","_data$orderPositionBo","_data$orderPositionBo2","_data$orderPositionBo3","data","precision","buckets","orderPositionBooks","bucketWidth","price","bucketPrecision","toString","split","length","dataset","map","item","Number","longCountPercent","shortCountPercent","zoomInitialStartValue","INITIAL_BARS","zoomInitialEndValue","max","Math","min","abs","range","animation","color","bottleGreenLight","orange","raspberryDark","title","toUpperCase","textStyle","fontSize","toolbox","feature","getZoomControls","resetStartValue","resetEndValue","dataZoom","realtime","startValue","endValue","yAxisIndex","minValueSpan","tooltip","trigger","axisPointer","axis","formatter","val","tooltipFormatter","extraCssText","xAxis","splitNumber","axisTick","show","axisLine","showMinLabel","showMaxLabel","value","position","overflow","toFixed","source","clip","encode","x","y","renderItem","params","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","emphasis","visual","symbol","symbolOffset","symbolRotate","symbolSize","lineStyle","bottleGreenDark","distance","undefined","backgroundColor"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOption.ts"],"sourcesContent":["import { colorPalette, getGridLines, getZoomControls } from '@oanda/labs-widget-common';\nimport {\n  INITIAL_BARS,\n  CHART_WIDTH,\n  CHART_HEIGHT_DESKTOP,\n  CHART_HEIGHT_MOBILE,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n  ZOOM_CONTROL_HEIGHT,\n} from './constants';\nimport { GetOptionType, GetResponsiveOptionsProps } from './types';\nimport { tooltipFormatter } from './formatters';\n\nexport const getResponsiveOption = (\n  {\n    isDark, isOrderBook, isDesktop, lang,\n  }\n  : GetResponsiveOptionsProps,\n) => {\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,\n    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: isDesktop,\n    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT,\n  });\n\n  return {\n    grid: [\n      {\n        name: 'main-grid',\n        top: '48px',\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n      },\n    ],\n    yAxis: {\n      axisLabel: {\n        margin: isDesktop ? 10 : 0,\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        name: 'current-price',\n        id: 'current-price',\n        markLine: {\n          label: {\n            padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n          },\n        },\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\n      {\n        type: 'group',\n        left: '8px',\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'sell' : 'short'),\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'buy' : 'long'),\n            },\n          },\n        ],\n      },\n    ],\n  };\n};\n\nexport const getOption: GetOptionType = ({\n  data, precision, isDark, isOrderBook, isDesktop, lang,\n}) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth!;\n  const price = data.orderPositionBooks[0]?.price!;\n  const bucketPrecision = bucketWidth.toString().split('.')[1].length || 0;\n\n  const dataset = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  const zoomInitialStartValue = price - (bucketWidth * INITIAL_BARS * 0.5);\n  const zoomInitialEndValue = price + (bucketWidth * INITIAL_BARS * 0.5);\n\n  const max = Math.max(...dataset.map((item) => item[1]));\n  const min = Math.abs(Math.min(...dataset.map((item) => item[2])));\n\n  const range = max > min ? max : min;\n\n  return (\n    {\n      animation: false,\n      color: [\n        colorPalette.bottleGreenLight,\n        isDark ? colorPalette.orange : colorPalette.raspberryDark,\n      ],\n      title: {\n        text: lang(isOrderBook ? 'open_orders' : 'open_positions').toUpperCase(),\n        padding: 20,\n        textStyle: {\n          fontSize: 14,\n        },\n      },\n      toolbox: {\n        feature: getZoomControls({\n          resetStartValue: zoomInitialStartValue,\n          resetEndValue: zoomInitialEndValue,\n        }),\n      },\n      dataZoom: [\n        {\n          type: 'inside',\n          realtime: true,\n          startValue: zoomInitialStartValue,\n          endValue: zoomInitialEndValue,\n\n          yAxisIndex: 0,\n          minValueSpan: 10 * bucketWidth,\n        },\n      ],\n      tooltip: {\n        trigger: 'axis',\n        axisPointer: {\n          axis: 'y',\n        },\n        formatter: (val) => tooltipFormatter({\n          data: (val as { data: number[] }[])[0].data,\n          precision: bucketPrecision,\n          isOrderBook,\n          lang,\n        }),\n        extraCssText: 'z-index: 1',\n      },\n      grid: [\n        {\n          name: 'main-grid',\n          top: '48px',\n          left: '0px',\n          right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n          bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n        },\n      ],\n      xAxis: {\n        type: 'value',\n        min: range * -1.05,\n        max: range * 1.05,\n        splitNumber: 5,\n        axisTick: { show: false },\n        axisLine: { show: false },\n        axisLabel: {\n          padding: [7, 16, 0, 16],\n          showMinLabel: false,\n          showMaxLabel: false,\n          formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n        },\n      },\n      yAxis: {\n        type: 'value',\n        position: 'right',\n        axisLine: { show: false },\n        axisTick: { show: false },\n        axisLabel: {\n          overflow: 'truncate',\n          width: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 10,\n          margin: isDesktop ? 10 : 0,\n          showMaxLabel: false,\n          showMinLabel: false,\n          padding: [0, 0, 0, 10],\n          formatter: (value) => value.toFixed(bucketPrecision),\n        },\n      },\n      dataset: {\n        source: dataset,\n      },\n      series: [\n        {\n          type: 'custom',\n          name: 'sell-short',\n          id: 'sell-short',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 1,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(1), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] + 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: colorPalette.bottleGreenLight,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'buy-long',\n          id: 'buy-long',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 2,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(2), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] - 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: isDark ? colorPalette.orange : colorPalette.raspberryDark,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'current-price',\n          id: 'current-price',\n          markLine: {\n            animation: false,\n            silent: true,\n            precision,\n            symbol: ['none', 'triangle'],\n            symbolOffset: [0, [0, isDesktop ? 0 : -10]] as unknown as number,\n            symbolRotate: 90,\n            symbolSize: [20, 10],\n            lineStyle: {\n              color: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n              width: 1,\n            },\n            label: {\n              distance: isDesktop ? 5 : -5,\n              overflow: 'truncate',\n              width: isDesktop ? undefined : Y_LABEL_SIZE_MOBILE,\n              color: isDark ? colorPalette.black : colorPalette.white,\n              backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n            },\n            data: [\n              {\n                yAxis: price,\n              },\n            ],\n          },\n          renderItem: () => null,\n        },\n      ],\n    }\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_formatters","getResponsiveOption","_ref","isDark","isOrderBook","isDesktop","lang","desktopGridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT_DESKTOP","CHART_HEIGHT_MOBILE","xLabelsSize","X_LABEL_SIZE","ZOOM_CONTROL_HEIGHT","yLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","bottomLeftBox","marginBottom","grid","name","top","left","right","concat","bottom","yAxis","axisLabel","margin","series","type","id","markLine","label","padding","graphic","silent","children","z","shape","width","height","style","fill","colorPalette","darkGray","white","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","black","text","exports","getOption","_ref2","_data$orderPositionBo","_data$orderPositionBo2","_data$orderPositionBo3","data","precision","buckets","orderPositionBooks","bucketWidth","price","bucketPrecision","toString","split","length","dataset","map","item","Number","longCountPercent","shortCountPercent","zoomInitialStartValue","INITIAL_BARS","zoomInitialEndValue","max","Math","min","abs","range","animation","color","bottleGreenLight","orange","raspberryDark","title","toUpperCase","textStyle","fontSize","toolbox","feature","getZoomControls","resetStartValue","resetEndValue","dataZoom","realtime","startValue","endValue","yAxisIndex","minValueSpan","tooltip","trigger","axisPointer","axis","formatter","val","tooltipFormatter","extraCssText","xAxis","floor","ceil","axisTick","show","axisLine","value","hideOverlap","alignMaxLabel","alignMinLabel","position","overflow","showMaxLabel","showMinLabel","toFixed","source","clip","encode","x","y","renderItem","params","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","emphasis","visual","symbol","symbolOffset","symbolRotate","symbolSize","lineStyle","bottleGreenDark","distance","undefined","backgroundColor"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOption.ts"],"sourcesContent":["import { colorPalette, getGridLines, getZoomControls } from '@oanda/labs-widget-common';\nimport {\n  INITIAL_BARS,\n  CHART_WIDTH,\n  CHART_HEIGHT_DESKTOP,\n  CHART_HEIGHT_MOBILE,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n  ZOOM_CONTROL_HEIGHT,\n} from './constants';\nimport { GetOptionType, GetResponsiveOptionsProps } from './types';\nimport { tooltipFormatter } from './formatters';\n\nexport const getResponsiveOption = (\n  {\n    isDark, isOrderBook, isDesktop, lang,\n  }\n  : GetResponsiveOptionsProps,\n) => {\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,\n    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: isDesktop,\n    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT,\n  });\n\n  return {\n    grid: [\n      {\n        name: 'main-grid',\n        top: '48px',\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n      },\n    ],\n    yAxis: {\n      axisLabel: {\n        margin: isDesktop ? 10 : 0,\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        name: 'current-price',\n        id: 'current-price',\n        markLine: {\n          label: {\n            padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n          },\n        },\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\n      {\n        type: 'group',\n        left: '8px',\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'sell' : 'short'),\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'buy' : 'long'),\n            },\n          },\n        ],\n      },\n    ],\n  };\n};\n\nexport const getOption: GetOptionType = ({\n  data, precision, isDark, isOrderBook, isDesktop, lang,\n}) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth!;\n  const price = data.orderPositionBooks[0]?.price!;\n  const bucketPrecision = bucketWidth.toString().split('.')[1].length || 0;\n\n  const dataset = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  const zoomInitialStartValue = price - (bucketWidth * INITIAL_BARS * 0.5);\n  const zoomInitialEndValue = price + (bucketWidth * INITIAL_BARS * 0.5);\n\n  const max = Math.max(...dataset.map((item) => item[1]));\n  const min = Math.abs(Math.min(...dataset.map((item) => item[2])));\n\n  const range = max > min ? max : min;\n\n  return (\n    {\n      animation: false,\n      color: [\n        colorPalette.bottleGreenLight,\n        isDark ? colorPalette.orange : colorPalette.raspberryDark,\n      ],\n      title: {\n        text: lang(isOrderBook ? 'open_orders' : 'open_positions').toUpperCase(),\n        padding: 20,\n        textStyle: {\n          fontSize: 14,\n        },\n      },\n      toolbox: {\n        feature: getZoomControls({\n          resetStartValue: zoomInitialStartValue,\n          resetEndValue: zoomInitialEndValue,\n        }),\n      },\n      dataZoom: [\n        {\n          type: 'inside',\n          realtime: true,\n          startValue: zoomInitialStartValue,\n          endValue: zoomInitialEndValue,\n\n          yAxisIndex: 0,\n          minValueSpan: 10 * bucketWidth,\n        },\n      ],\n      tooltip: {\n        trigger: 'axis',\n        axisPointer: {\n          axis: 'y',\n        },\n        formatter: (val) => tooltipFormatter({\n          data: (val as { data: number[] }[])[0].data,\n          precision: bucketPrecision,\n          isOrderBook,\n          lang,\n        }),\n        extraCssText: 'z-index: 1',\n      },\n      grid: [\n        {\n          name: 'main-grid',\n          top: '48px',\n          left: '0px',\n          right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n          bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n        },\n      ],\n      xAxis: {\n        type: 'value',\n        min: Math.floor(range * -1.1),\n        max: Math.ceil(range * 1.1),\n        axisTick: { show: false },\n        axisLine: { show: false },\n        axisLabel: {\n          padding: [7, 12, 0, 12],\n          formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n          hideOverlap: true,\n          alignMaxLabel: 'right',\n          alignMinLabel: 'left',\n        },\n      },\n      yAxis: {\n        type: 'value',\n        position: 'right',\n        axisLine: { show: false },\n        axisTick: { show: false },\n        axisLabel: {\n          overflow: 'truncate',\n          width: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 10,\n          margin: isDesktop ? 10 : 0,\n          showMaxLabel: false,\n          showMinLabel: false,\n          padding: [0, 0, 0, 10],\n          formatter: (value) => value.toFixed(bucketPrecision),\n        },\n      },\n      dataset: {\n        source: dataset,\n      },\n      series: [\n        {\n          type: 'custom',\n          name: 'sell-short',\n          id: 'sell-short',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 1,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(1), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] + 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: colorPalette.bottleGreenLight,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'buy-long',\n          id: 'buy-long',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 2,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(2), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] - 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: isDark ? colorPalette.orange : colorPalette.raspberryDark,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'current-price',\n          id: 'current-price',\n          markLine: {\n            animation: false,\n            silent: true,\n            precision,\n            symbol: ['none', 'triangle'],\n            symbolOffset: [0, [0, isDesktop ? 0 : -10]] as unknown as number,\n            symbolRotate: 90,\n            symbolSize: [20, 10],\n            lineStyle: {\n              color: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n              width: 1,\n            },\n            label: {\n              distance: isDesktop ? 5 : -5,\n              overflow: 'truncate',\n              width: isDesktop ? undefined : Y_LABEL_SIZE_MOBILE,\n              color: isDark ? colorPalette.black : colorPalette.white,\n              backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n            },\n            data: [\n              {\n                yAxis: price,\n              },\n            ],\n          },\n          renderItem: () => null,\n        },\n      ],\n    }\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/OrderBookWidget/components/Chart/getOption.js

@@ -175,9 +175,8 @@ export const getOption = _ref2 => {
     }],
     xAxis: {
       type: 'value',
-      min: range * -1.05,
-      max: range * 1.05,
-      splitNumber: 5,
+      min: Math.floor(range * -1.1),
+      max: Math.ceil(range * 1.1),
       axisTick: {
         show: false
       },
@@ -185,10 +184,11 @@ export const getOption = _ref2 => {
         show: false
       },
       axisLabel: {
-        padding: [7, 16, 0, 16],
-        showMinLabel: false,
-        showMaxLabel: false,
-        formatter: value => value === 0 ? '%' : "".concat(Math.abs(value), "%")
+        padding: [7, 12, 0, 12],
+        formatter: value => value === 0 ? '%' : "".concat(Math.abs(value), "%"),
+        hideOverlap: true,
+        alignMaxLabel: 'right',
+        alignMinLabel: 'left'
       }
     },
     yAxis: {

package/dist/module/OrderBookWidget/components/Chart/getOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getZoomControls","INITIAL_BARS","CHART_WIDTH","CHART_HEIGHT_DESKTOP","CHART_HEIGHT_MOBILE","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","ZOOM_CONTROL_HEIGHT","tooltipFormatter","getResponsiveOption","_ref","isDark","isOrderBook","isDesktop","lang","desktopGridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","marginBottom","grid","name","top","left","right","concat","bottom","yAxis","axisLabel","margin","series","type","id","markLine","label","padding","graphic","silent","children","z","shape","width","height","style","fill","darkGray","white","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","black","text","getOption","_ref2","_data$orderPositionBo","_data$orderPositionBo2","_data$orderPositionBo3","data","precision","buckets","orderPositionBooks","bucketWidth","price","bucketPrecision","toString","split","length","dataset","map","item","Number","longCountPercent","shortCountPercent","zoomInitialStartValue","zoomInitialEndValue","max","Math","min","abs","range","animation","color","bottleGreenLight","orange","raspberryDark","title","toUpperCase","textStyle","fontSize","toolbox","feature","resetStartValue","resetEndValue","dataZoom","realtime","startValue","endValue","yAxisIndex","minValueSpan","tooltip","trigger","axisPointer","axis","formatter","val","extraCssText","xAxis","splitNumber","axisTick","show","axisLine","showMinLabel","showMaxLabel","value","position","overflow","toFixed","source","clip","encode","x","y","renderItem","params","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","emphasis","visual","symbol","symbolOffset","symbolRotate","symbolSize","lineStyle","bottleGreenDark","distance","undefined","backgroundColor"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOption.ts"],"sourcesContent":["import { colorPalette, getGridLines, getZoomControls } from '@oanda/labs-widget-common';\nimport {\n  INITIAL_BARS,\n  CHART_WIDTH,\n  CHART_HEIGHT_DESKTOP,\n  CHART_HEIGHT_MOBILE,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n  ZOOM_CONTROL_HEIGHT,\n} from './constants';\nimport { GetOptionType, GetResponsiveOptionsProps } from './types';\nimport { tooltipFormatter } from './formatters';\n\nexport const getResponsiveOption = (\n  {\n    isDark, isOrderBook, isDesktop, lang,\n  }\n  : GetResponsiveOptionsProps,\n) => {\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,\n    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: isDesktop,\n    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT,\n  });\n\n  return {\n    grid: [\n      {\n        name: 'main-grid',\n        top: '48px',\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n      },\n    ],\n    yAxis: {\n      axisLabel: {\n        margin: isDesktop ? 10 : 0,\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        name: 'current-price',\n        id: 'current-price',\n        markLine: {\n          label: {\n            padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n          },\n        },\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\n      {\n        type: 'group',\n        left: '8px',\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'sell' : 'short'),\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'buy' : 'long'),\n            },\n          },\n        ],\n      },\n    ],\n  };\n};\n\nexport const getOption: GetOptionType = ({\n  data, precision, isDark, isOrderBook, isDesktop, lang,\n}) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth!;\n  const price = data.orderPositionBooks[0]?.price!;\n  const bucketPrecision = bucketWidth.toString().split('.')[1].length || 0;\n\n  const dataset = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  const zoomInitialStartValue = price - (bucketWidth * INITIAL_BARS * 0.5);\n  const zoomInitialEndValue = price + (bucketWidth * INITIAL_BARS * 0.5);\n\n  const max = Math.max(...dataset.map((item) => item[1]));\n  const min = Math.abs(Math.min(...dataset.map((item) => item[2])));\n\n  const range = max > min ? max : min;\n\n  return (\n    {\n      animation: false,\n      color: [\n        colorPalette.bottleGreenLight,\n        isDark ? colorPalette.orange : colorPalette.raspberryDark,\n      ],\n      title: {\n        text: lang(isOrderBook ? 'open_orders' : 'open_positions').toUpperCase(),\n        padding: 20,\n        textStyle: {\n          fontSize: 14,\n        },\n      },\n      toolbox: {\n        feature: getZoomControls({\n          resetStartValue: zoomInitialStartValue,\n          resetEndValue: zoomInitialEndValue,\n        }),\n      },\n      dataZoom: [\n        {\n          type: 'inside',\n          realtime: true,\n          startValue: zoomInitialStartValue,\n          endValue: zoomInitialEndValue,\n\n          yAxisIndex: 0,\n          minValueSpan: 10 * bucketWidth,\n        },\n      ],\n      tooltip: {\n        trigger: 'axis',\n        axisPointer: {\n          axis: 'y',\n        },\n        formatter: (val) => tooltipFormatter({\n          data: (val as { data: number[] }[])[0].data,\n          precision: bucketPrecision,\n          isOrderBook,\n          lang,\n        }),\n        extraCssText: 'z-index: 1',\n      },\n      grid: [\n        {\n          name: 'main-grid',\n          top: '48px',\n          left: '0px',\n          right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n          bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n        },\n      ],\n      xAxis: {\n        type: 'value',\n        min: range * -1.05,\n        max: range * 1.05,\n        splitNumber: 5,\n        axisTick: { show: false },\n        axisLine: { show: false },\n        axisLabel: {\n          padding: [7, 16, 0, 16],\n          showMinLabel: false,\n          showMaxLabel: false,\n          formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n        },\n      },\n      yAxis: {\n        type: 'value',\n        position: 'right',\n        axisLine: { show: false },\n        axisTick: { show: false },\n        axisLabel: {\n          overflow: 'truncate',\n          width: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 10,\n          margin: isDesktop ? 10 : 0,\n          showMaxLabel: false,\n          showMinLabel: false,\n          padding: [0, 0, 0, 10],\n          formatter: (value) => value.toFixed(bucketPrecision),\n        },\n      },\n      dataset: {\n        source: dataset,\n      },\n      series: [\n        {\n          type: 'custom',\n          name: 'sell-short',\n          id: 'sell-short',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 1,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(1), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] + 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: colorPalette.bottleGreenLight,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'buy-long',\n          id: 'buy-long',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 2,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(2), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] - 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: isDark ? colorPalette.orange : colorPalette.raspberryDark,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'current-price',\n          id: 'current-price',\n          markLine: {\n            animation: false,\n            silent: true,\n            precision,\n            symbol: ['none', 'triangle'],\n            symbolOffset: [0, [0, isDesktop ? 0 : -10]] as unknown as number,\n            symbolRotate: 90,\n            symbolSize: [20, 10],\n            lineStyle: {\n              color: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n              width: 1,\n            },\n            label: {\n              distance: isDesktop ? 5 : -5,\n              overflow: 'truncate',\n              width: isDesktop ? undefined : Y_LABEL_SIZE_MOBILE,\n              color: isDark ? colorPalette.black : colorPalette.white,\n              backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n            },\n            data: [\n              {\n                yAxis: price,\n              },\n            ],\n          },\n          renderItem: () => null,\n        },\n      ],\n    }\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getZoomControls","INITIAL_BARS","CHART_WIDTH","CHART_HEIGHT_DESKTOP","CHART_HEIGHT_MOBILE","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","ZOOM_CONTROL_HEIGHT","tooltipFormatter","getResponsiveOption","_ref","isDark","isOrderBook","isDesktop","lang","desktopGridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","bottomLeftBox","marginBottom","grid","name","top","left","right","concat","bottom","yAxis","axisLabel","margin","series","type","id","markLine","label","padding","graphic","silent","children","z","shape","width","height","style","fill","darkGray","white","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","black","text","getOption","_ref2","_data$orderPositionBo","_data$orderPositionBo2","_data$orderPositionBo3","data","precision","buckets","orderPositionBooks","bucketWidth","price","bucketPrecision","toString","split","length","dataset","map","item","Number","longCountPercent","shortCountPercent","zoomInitialStartValue","zoomInitialEndValue","max","Math","min","abs","range","animation","color","bottleGreenLight","orange","raspberryDark","title","toUpperCase","textStyle","fontSize","toolbox","feature","resetStartValue","resetEndValue","dataZoom","realtime","startValue","endValue","yAxisIndex","minValueSpan","tooltip","trigger","axisPointer","axis","formatter","val","extraCssText","xAxis","floor","ceil","axisTick","show","axisLine","value","hideOverlap","alignMaxLabel","alignMinLabel","position","overflow","showMaxLabel","showMinLabel","toFixed","source","clip","encode","x","y","renderItem","params","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","emphasis","visual","symbol","symbolOffset","symbolRotate","symbolSize","lineStyle","bottleGreenDark","distance","undefined","backgroundColor"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOption.ts"],"sourcesContent":["import { colorPalette, getGridLines, getZoomControls } from '@oanda/labs-widget-common';\nimport {\n  INITIAL_BARS,\n  CHART_WIDTH,\n  CHART_HEIGHT_DESKTOP,\n  CHART_HEIGHT_MOBILE,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n  ZOOM_CONTROL_HEIGHT,\n} from './constants';\nimport { GetOptionType, GetResponsiveOptionsProps } from './types';\nimport { tooltipFormatter } from './formatters';\n\nexport const getResponsiveOption = (\n  {\n    isDark, isOrderBook, isDesktop, lang,\n  }\n  : GetResponsiveOptionsProps,\n) => {\n  const desktopGridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: isDesktop ? CHART_HEIGHT_DESKTOP : CHART_HEIGHT_MOBILE,\n    xLabelsSize: isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    bottomLeftBox: isDesktop,\n    marginBottom: isDesktop ? 0 : ZOOM_CONTROL_HEIGHT,\n  });\n\n  return {\n    grid: [\n      {\n        name: 'main-grid',\n        top: '48px',\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n      },\n    ],\n    yAxis: {\n      axisLabel: {\n        margin: isDesktop ? 10 : 0,\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        name: 'current-price',\n        id: 'current-price',\n        markLine: {\n          label: {\n            padding: isDesktop ? [5, 15, 5, 15] : [5, 12, 5, 5],\n          },\n        },\n      },\n    ],\n    graphic: [\n      ...desktopGridLines,\n      {\n        type: 'group',\n        left: '8px',\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'sell' : 'short'),\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: `${(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) + 8}px'`,\n        top: '56px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 70,\n              height: 30,\n            },\n            style: {\n              fill: isDark ? colorPalette.darkGray : colorPalette.white,\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              fill: isDark ? colorPalette.white : colorPalette.black,\n              width: 70,\n              height: 30,\n              text: lang(isOrderBook ? 'buy' : 'long'),\n            },\n          },\n        ],\n      },\n    ],\n  };\n};\n\nexport const getOption: GetOptionType = ({\n  data, precision, isDark, isOrderBook, isDesktop, lang,\n}) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth!;\n  const price = data.orderPositionBooks[0]?.price!;\n  const bucketPrecision = bucketWidth.toString().split('.')[1].length || 0;\n\n  const dataset = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  const zoomInitialStartValue = price - (bucketWidth * INITIAL_BARS * 0.5);\n  const zoomInitialEndValue = price + (bucketWidth * INITIAL_BARS * 0.5);\n\n  const max = Math.max(...dataset.map((item) => item[1]));\n  const min = Math.abs(Math.min(...dataset.map((item) => item[2])));\n\n  const range = max > min ? max : min;\n\n  return (\n    {\n      animation: false,\n      color: [\n        colorPalette.bottleGreenLight,\n        isDark ? colorPalette.orange : colorPalette.raspberryDark,\n      ],\n      title: {\n        text: lang(isOrderBook ? 'open_orders' : 'open_positions').toUpperCase(),\n        padding: 20,\n        textStyle: {\n          fontSize: 14,\n        },\n      },\n      toolbox: {\n        feature: getZoomControls({\n          resetStartValue: zoomInitialStartValue,\n          resetEndValue: zoomInitialEndValue,\n        }),\n      },\n      dataZoom: [\n        {\n          type: 'inside',\n          realtime: true,\n          startValue: zoomInitialStartValue,\n          endValue: zoomInitialEndValue,\n\n          yAxisIndex: 0,\n          minValueSpan: 10 * bucketWidth,\n        },\n      ],\n      tooltip: {\n        trigger: 'axis',\n        axisPointer: {\n          axis: 'y',\n        },\n        formatter: (val) => tooltipFormatter({\n          data: (val as { data: number[] }[])[0].data,\n          precision: bucketPrecision,\n          isOrderBook,\n          lang,\n        }),\n        extraCssText: 'z-index: 1',\n      },\n      grid: [\n        {\n          name: 'main-grid',\n          top: '48px',\n          left: '0px',\n          right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n          bottom: `${isDesktop ? X_LABEL_SIZE : X_LABEL_SIZE + ZOOM_CONTROL_HEIGHT}px`,\n        },\n      ],\n      xAxis: {\n        type: 'value',\n        min: Math.floor(range * -1.1),\n        max: Math.ceil(range * 1.1),\n        axisTick: { show: false },\n        axisLine: { show: false },\n        axisLabel: {\n          padding: [7, 12, 0, 12],\n          formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n          hideOverlap: true,\n          alignMaxLabel: 'right',\n          alignMinLabel: 'left',\n        },\n      },\n      yAxis: {\n        type: 'value',\n        position: 'right',\n        axisLine: { show: false },\n        axisTick: { show: false },\n        axisLabel: {\n          overflow: 'truncate',\n          width: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 10,\n          margin: isDesktop ? 10 : 0,\n          showMaxLabel: false,\n          showMinLabel: false,\n          padding: [0, 0, 0, 10],\n          formatter: (value) => value.toFixed(bucketPrecision),\n        },\n      },\n      dataset: {\n        source: dataset,\n      },\n      series: [\n        {\n          type: 'custom',\n          name: 'sell-short',\n          id: 'sell-short',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 1,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(1), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] + 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: colorPalette.bottleGreenLight,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'buy-long',\n          id: 'buy-long',\n          clip: true,\n          encode: {\n            x: 1,\n            y: 0,\n            tooltip: 2,\n          },\n          renderItem: (params, api) => {\n            const yValue = api.value(0);\n            const xStart = api.coord([api.value(2), yValue]);\n            const xEnd = api.coord([0, yValue]);\n            const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n            const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n            const rectShape = {\n              x: xStart[0] - 0.5,\n              y: xStart[1] - height / 2,\n              width: xEnd[0] - xStart[0],\n              height,\n            };\n\n            return {\n              type: 'rect',\n              shape: rectShape,\n              emphasis: {\n                style: {\n                  fill: isDark ? colorPalette.orange : colorPalette.raspberryDark,\n                },\n              },\n              style: {\n                fill: api.visual('color'),\n              },\n            };\n          },\n        },\n        {\n          type: 'custom',\n          name: 'current-price',\n          id: 'current-price',\n          markLine: {\n            animation: false,\n            silent: true,\n            precision,\n            symbol: ['none', 'triangle'],\n            symbolOffset: [0, [0, isDesktop ? 0 : -10]] as unknown as number,\n            symbolRotate: 90,\n            symbolSize: [20, 10],\n            lineStyle: {\n              color: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n              width: 1,\n            },\n            label: {\n              distance: isDesktop ? 5 : -5,\n              overflow: 'truncate',\n              width: isDesktop ? undefined : Y_LABEL_SIZE_MOBILE,\n              color: isDark ? colorPalette.black : colorPalette.white,\n              backgroundColor: isDark ? colorPalette.orange : colorPalette.bottleGreenDark,\n            },\n            data: [\n              {\n                yAxis: price,\n              },\n            ],\n          },\n          renderItem: () => null,\n        },\n      ],\n    }\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-order-book-widget",
-  "version": "1.0.100",
+  "version": "1.0.101",
   "description": "Labs Order Book Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@apollo/client": "3.7.17",
-    "@oanda/labs-widget-common": "^1.0.100",
+    "@oanda/labs-widget-common": "^1.0.101",
     "@oanda/mono-i18n": "9.0.0",
     "echarts": "5.5.0",
     "echarts-for-react": "3.0.2",
@@ -24,5 +24,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@graphql-codegen/typescript": "4.0.1"
   },
-  "gitHead": "4ae82f29368fc1ce4384b1b0f9ece7159b42309c"
+  "gitHead": "d5758997f28cb7050a62d2dd129f05e6856568e1"
 }

package/src/OrderBookWidget/components/Chart/getOption.ts

@@ -212,16 +212,16 @@ export const getOption: GetOptionType = ({
       ],
       xAxis: {
         type: 'value',
-        min: range * -1.05,
-        max: range * 1.05,
-        splitNumber: 5,
+        min: Math.floor(range * -1.1),
+        max: Math.ceil(range * 1.1),
         axisTick: { show: false },
         axisLine: { show: false },
         axisLabel: {
-          padding: [7, 16, 0, 16],
-          showMinLabel: false,
-          showMaxLabel: false,
+          padding: [7, 12, 0, 12],
           formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),
+          hideOverlap: true,
+          alignMaxLabel: 'right',
+          alignMinLabel: 'left',
         },
       },
       yAxis: {