@oanda/labs-value-at-risk-widget 1.0.110 → 1.0.111

package/CHANGELOG.md

@@ -3,6 +3,454 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.111 (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)
+
+
+
+## 1.0.182 (2025-03-21)
+
+
+
+## 1.0.181 (2025-03-13)
+
+
+
+## 1.0.180 (2025-01-30)
+
+
+
+## 1.0.179 (2025-01-29)
+
+
+
+## 1.0.178 (2025-01-12)
+
+
+
+## 1.0.177 (2025-01-10)
+
+
+
+## 1.0.176 (2025-01-10)
+
+
+
+## 1.0.175 (2025-01-08)
+
+
+
+## 1.0.174 (2024-12-16)
+
+
+
+## 1.0.173 (2024-12-11)
+
+
+
+## 1.0.172 (2024-11-29)
+
+
+
+## 1.0.171 (2024-11-28)
+
+
+
+## 1.0.170 (2024-11-28)
+
+
+
+## 1.0.169 (2024-11-20)
+
+
+
+## 1.0.168 (2024-11-19)
+
+
+
+## 1.0.167 (2024-10-14)
+
+
+
+## 1.0.166 (2024-10-07)
+
+
+
+## 1.0.165 (2024-10-03)
+
+
+
+## 1.0.164 (2024-09-26)
+
+
+
+## 1.0.163 (2024-09-18)
+
+
+
+## 1.0.162 (2024-09-12)
+
+
+
+## 1.0.161 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+
+
+## 1.0.144 (2024-07-22)
+
+
+
+## 1.0.143 (2024-07-19)
+
+
+
+## 1.0.142 (2024-07-16)
+
+
+
+## 1.0.141 (2024-07-16)
+
+
+
+## 1.0.140 (2024-07-12)
+
+
+
+## 1.0.139 (2024-07-12)
+
+
+
+## 1.0.138 (2024-07-10)
+
+
+
+## 1.0.137 (2024-07-05)
+
+
+
+## 1.0.136 (2024-07-03)
+
+
+
+## 1.0.135 (2024-07-03)
+
+
+
+## 1.0.134 (2024-07-03)
+
+
+
+## 1.0.133 (2024-06-28)
+
+
+
+## 1.0.132 (2024-06-27)
+
+
+
+## 1.0.131 (2024-06-27)
+
+
+
+## 1.0.130 (2024-06-26)
+
+
+
+## 1.0.129 (2024-06-17)
+
+
+
+## 1.0.128 (2024-06-17)
+
+
+
+## 1.0.127 (2024-06-10)
+
+
+
+## 1.0.126 (2024-05-29)
+
+
+
+## 1.0.125 (2024-05-29)
+
+
+
+## 1.0.124 (2024-05-29)
+
+
+
+## 1.0.123 (2024-05-28)
+
+
+
+## 1.0.122 (2024-05-27)
+
+
+
+## 1.0.121 (2024-05-27)
+
+
+
+## 1.0.120 (2024-05-24)
+
+
+
+## 1.0.119 (2024-05-17)
+
+
+
+## 1.0.118 (2024-05-09)
+
+
+
+## 1.0.117 (2024-05-07)
+
+
+
+## 1.0.116 (2024-04-23)
+
+
+
+## 1.0.115 (2024-04-22)
+
+
+
+## 1.0.114 (2024-04-19)
+
+
+
+## 1.0.113 (2024-04-19)
+
+
+
+## 1.0.112 (2024-04-15)
+
+
+
+## 1.0.111 (2024-04-11)
+
+
+
+## 1.0.110 (2024-04-05)
+
+
+
+## 1.0.109 (2024-04-05)
+
+**Note:** Version bump only for package @oanda/labs-value-at-risk-widget
+
+
+
+
+
 ## 1.0.110 (2025-09-01)
 
 

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

@@ -75,6 +75,7 @@ const getOption = (values, lang, isDark, isDesktop) => {
       nameGap: isDesktop ? 40 : 30,
       nameRotate: -90,
       position: 'right',
+      nameMoveOverlap: false,
       axisLine: {
         show: false
       },

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

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_getPercentValueByPips","getOption","values","lang","isDark","isDesktop","theme","Theme","Dark","Light","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","yLabelSize","Y_LABEL_SIZE_MOBILE","yLabelMarinTop","TITLE_HEIGHT","down","up","valueAtRiskChart","points","sort","a","b","pips","map","point","percent","maxDown","Math","max","minUp","min","animation","title","left","top","text","textStyle","fontWeight","fontSize","xAxis","type","name","toUpperCase","nameLocation","splitNumber","nameGap","axisLine","show","axisTick","axisLabel","padding","margin","showMaxLabel","showMinLabel","hideOverlap","formatter","value","toFixed","axisPointer","label","_ref","yAxis","inverse","nameRotate","position","rich","index","precision","visualMap","dimension","pieces","lt","average","color","colorPalette","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","themeColors","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","getPercentValueByPips","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","getLineCommons","shape","x1","y1","x2","y2","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n  Theme,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  TITLE_HEIGHT,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { getPercentValueByPips } from './getPercentValueByPips';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n  const theme = isDark ? Theme.Dark : Theme.Light;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE - Y_LABEL_SIZE_DESKTOP,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    yLabelMarinTop: isDesktop ? 0 : TITLE_HEIGHT,\n  });\n\n  const { down, up } = values!.valueAtRiskChart!;\n\n  const points = [...up.points!, ...down.points!]\n    .sort((a, b) => a.pips - b.pips)\n    .map((point) => [point.pips, point.percent * 100]);\n\n  const maxDown = Math.max(...down.points!.map((point) => point.pips));\n  const minUp = Math.min(...up.points!.map((point) => point.pips));\n\n  return {\n    animation: false,\n    title: {\n      left: 16,\n      top: 10,\n      text: lang('daily'),\n      textStyle: {\n        fontWeight: 500,\n        fontSize: 20,\n      },\n    },\n    xAxis: {\n      type: 'value',\n      name: lang('pips').toUpperCase(),\n      nameLocation: 'middle',\n      splitNumber: isDesktop ? 8 : 4,\n      nameGap: 32,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: 12,\n        showMaxLabel: false,\n        showMinLabel: false,\n        hideOverlap: true,\n        formatter: (value) => value.toFixed(),\n      },\n      axisPointer: {\n        label: {\n          margin: 7,\n          formatter: ({ value }) => (value as number).toFixed(),\n        },\n      },\n    },\n    yAxis: {\n      name: lang('distribution').toUpperCase(),\n      type: 'value',\n      inverse: true,\n      nameLocation: 'middle',\n      nameGap: isDesktop ? 40 : 30,\n      nameRotate: -90,\n      position: 'right',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: isDesktop ? 12 : 4,\n        rich: {\n          a: {\n            padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}%` : `{a|${value}%}`),\n      },\n      axisPointer: {\n        label: {\n          precision: 0,\n          padding: isDesktop ? [4, 10, 4, 10] : 4,\n          formatter: '{value}%',\n        },\n      },\n    },\n    axisPointer: {\n      show: true,\n      type: 'line',\n    },\n    visualMap: {\n      type: 'piecewise',\n      show: false,\n      dimension: 0,\n      pieces: [\n        {\n          lt: down.average,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.5,\n        },\n        {\n          gte: down.average,\n          lt: down.median,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: down.median,\n          lt: maxDown,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: minUp,\n          lt: up.median,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: up.median,\n          lt: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.5,\n        },\n      ],\n    },\n    series: [\n      {\n        name: 'main',\n        type: 'line',\n        symbol: 'none',\n        areaStyle: {\n          origin: 'end',\n          opacity: 1,\n        },\n        lineStyle: {\n          opacity: 1,\n        },\n        emphasis: {\n          disabled: true,\n        },\n        data: points,\n        markLine: {\n          silent: true,\n          symbol: ['none', 'none'],\n          label: {\n            show: false,\n          },\n          lineStyle: {\n            color: isDark ? colorPalette.white : colorPalette.bottleGreenDark,\n            width: 1,\n          },\n          data: [\n            {\n              xAxis: down.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: down.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: down.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: down.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n            {\n              xAxis: up.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: up.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: up.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: up.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n          ],\n        },\n        markPoint: {\n          animation: false,\n          silent: true,\n          itemStyle: {\n            borderWidth: 1,\n            borderColor: colorPalette.white,\n          },\n          label: {\n            show: false,\n          },\n          data: [\n            {\n              name: 'Mark point Down average',\n              xAxis: down.average,\n              yAxis: getPercentValueByPips(down.average, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point Down median',\n              xAxis: down.median,\n              yAxis: getPercentValueByPips(down.median, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point Down threshold',\n              xAxis: down.threshold,\n              yAxis: getPercentValueByPips(down.threshold, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n            {\n              name: 'Mark point up average',\n              xAxis: up.average,\n              yAxis: getPercentValueByPips(up.average, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point up median',\n              xAxis: up.median,\n              yAxis: getPercentValueByPips(up.median, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point up threshold',\n              xAxis: up.threshold,\n              yAxis: getPercentValueByPips(up.threshold, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n          ],\n        },\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: `${TITLE_HEIGHT}px`,\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark),\n        top: TITLE_HEIGHT - 2,\n        right: -2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_getPercentValueByPips","getOption","values","lang","isDark","isDesktop","theme","Theme","Dark","Light","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","yLabelSize","Y_LABEL_SIZE_MOBILE","yLabelMarinTop","TITLE_HEIGHT","down","up","valueAtRiskChart","points","sort","a","b","pips","map","point","percent","maxDown","Math","max","minUp","min","animation","title","left","top","text","textStyle","fontWeight","fontSize","xAxis","type","name","toUpperCase","nameLocation","splitNumber","nameGap","axisLine","show","axisTick","axisLabel","padding","margin","showMaxLabel","showMinLabel","hideOverlap","formatter","value","toFixed","axisPointer","label","_ref","yAxis","inverse","nameRotate","position","nameMoveOverlap","rich","index","precision","visualMap","dimension","pieces","lt","average","color","colorPalette","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","themeColors","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","getPercentValueByPips","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","getLineCommons","shape","x1","y1","x2","y2","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n  Theme,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  TITLE_HEIGHT,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { getPercentValueByPips } from './getPercentValueByPips';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n  const theme = isDark ? Theme.Dark : Theme.Light;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE - Y_LABEL_SIZE_DESKTOP,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    yLabelMarinTop: isDesktop ? 0 : TITLE_HEIGHT,\n  });\n\n  const { down, up } = values!.valueAtRiskChart!;\n\n  const points = [...up.points!, ...down.points!]\n    .sort((a, b) => a.pips - b.pips)\n    .map((point) => [point.pips, point.percent * 100]);\n\n  const maxDown = Math.max(...down.points!.map((point) => point.pips));\n  const minUp = Math.min(...up.points!.map((point) => point.pips));\n\n  return {\n    animation: false,\n    title: {\n      left: 16,\n      top: 10,\n      text: lang('daily'),\n      textStyle: {\n        fontWeight: 500,\n        fontSize: 20,\n      },\n    },\n    xAxis: {\n      type: 'value',\n      name: lang('pips').toUpperCase(),\n      nameLocation: 'middle',\n      splitNumber: isDesktop ? 8 : 4,\n      nameGap: 32,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: 12,\n        showMaxLabel: false,\n        showMinLabel: false,\n        hideOverlap: true,\n        formatter: (value) => value.toFixed(),\n      },\n      axisPointer: {\n        label: {\n          margin: 7,\n          formatter: ({ value }) => (value as number).toFixed(),\n        },\n      },\n    },\n    yAxis: {\n      name: lang('distribution').toUpperCase(),\n      type: 'value',\n      inverse: true,\n      nameLocation: 'middle',\n      nameGap: isDesktop ? 40 : 30,\n      nameRotate: -90,\n      position: 'right',\n      nameMoveOverlap: false,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: isDesktop ? 12 : 4,\n        rich: {\n          a: {\n            padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}%` : `{a|${value}%}`),\n      },\n      axisPointer: {\n        label: {\n          precision: 0,\n          padding: isDesktop ? [4, 10, 4, 10] : 4,\n          formatter: '{value}%',\n        },\n      },\n    },\n    axisPointer: {\n      show: true,\n      type: 'line',\n    },\n    visualMap: {\n      type: 'piecewise',\n      show: false,\n      dimension: 0,\n      pieces: [\n        {\n          lt: down.average,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.5,\n        },\n        {\n          gte: down.average,\n          lt: down.median,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: down.median,\n          lt: maxDown,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: minUp,\n          lt: up.median,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: up.median,\n          lt: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.5,\n        },\n      ],\n    },\n    series: [\n      {\n        name: 'main',\n        type: 'line',\n        symbol: 'none',\n        areaStyle: {\n          origin: 'end',\n          opacity: 1,\n        },\n        lineStyle: {\n          opacity: 1,\n        },\n        emphasis: {\n          disabled: true,\n        },\n        data: points,\n        markLine: {\n          silent: true,\n          symbol: ['none', 'none'],\n          label: {\n            show: false,\n          },\n          lineStyle: {\n            color: isDark ? colorPalette.white : colorPalette.bottleGreenDark,\n            width: 1,\n          },\n          data: [\n            {\n              xAxis: down.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: down.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: down.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: down.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n            {\n              xAxis: up.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: up.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: up.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: up.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n          ],\n        },\n        markPoint: {\n          animation: false,\n          silent: true,\n          itemStyle: {\n            borderWidth: 1,\n            borderColor: colorPalette.white,\n          },\n          label: {\n            show: false,\n          },\n          data: [\n            {\n              name: 'Mark point Down average',\n              xAxis: down.average,\n              yAxis: getPercentValueByPips(down.average, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point Down median',\n              xAxis: down.median,\n              yAxis: getPercentValueByPips(down.median, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point Down threshold',\n              xAxis: down.threshold,\n              yAxis: getPercentValueByPips(down.threshold, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n            {\n              name: 'Mark point up average',\n              xAxis: up.average,\n              yAxis: getPercentValueByPips(up.average, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point up median',\n              xAxis: up.median,\n              yAxis: getPercentValueByPips(up.median, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point up threshold',\n              xAxis: up.threshold,\n              yAxis: getPercentValueByPips(up.threshold, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n          ],\n        },\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: `${TITLE_HEIGHT}px`,\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark),\n        top: TITLE_HEIGHT - 2,\n        right: -2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -69,6 +69,7 @@ export const getOption = (values, lang, isDark, isDesktop) => {
       nameGap: isDesktop ? 40 : 30,
       nameRotate: -90,
       position: 'right',
+      nameMoveOverlap: false,
       axisLine: {
         show: false
       },

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

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getLineCommons","Theme","themeColors","CHART_HEIGHT","CHART_WIDTH","TITLE_HEIGHT","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","getPercentValueByPips","getOption","values","lang","isDark","isDesktop","theme","Dark","Light","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","yLabelMarinTop","down","up","valueAtRiskChart","points","sort","a","b","pips","map","point","percent","maxDown","Math","max","minUp","min","animation","title","left","top","text","textStyle","fontWeight","fontSize","xAxis","type","name","toUpperCase","nameLocation","splitNumber","nameGap","axisLine","show","axisTick","axisLabel","padding","margin","showMaxLabel","showMinLabel","hideOverlap","formatter","value","toFixed","axisPointer","label","_ref","yAxis","inverse","nameRotate","position","rich","index","precision","visualMap","dimension","pieces","lt","average","color","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","shape","x1","y1","x2","y2"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n  Theme,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  TITLE_HEIGHT,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { getPercentValueByPips } from './getPercentValueByPips';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n  const theme = isDark ? Theme.Dark : Theme.Light;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE - Y_LABEL_SIZE_DESKTOP,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    yLabelMarinTop: isDesktop ? 0 : TITLE_HEIGHT,\n  });\n\n  const { down, up } = values!.valueAtRiskChart!;\n\n  const points = [...up.points!, ...down.points!]\n    .sort((a, b) => a.pips - b.pips)\n    .map((point) => [point.pips, point.percent * 100]);\n\n  const maxDown = Math.max(...down.points!.map((point) => point.pips));\n  const minUp = Math.min(...up.points!.map((point) => point.pips));\n\n  return {\n    animation: false,\n    title: {\n      left: 16,\n      top: 10,\n      text: lang('daily'),\n      textStyle: {\n        fontWeight: 500,\n        fontSize: 20,\n      },\n    },\n    xAxis: {\n      type: 'value',\n      name: lang('pips').toUpperCase(),\n      nameLocation: 'middle',\n      splitNumber: isDesktop ? 8 : 4,\n      nameGap: 32,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: 12,\n        showMaxLabel: false,\n        showMinLabel: false,\n        hideOverlap: true,\n        formatter: (value) => value.toFixed(),\n      },\n      axisPointer: {\n        label: {\n          margin: 7,\n          formatter: ({ value }) => (value as number).toFixed(),\n        },\n      },\n    },\n    yAxis: {\n      name: lang('distribution').toUpperCase(),\n      type: 'value',\n      inverse: true,\n      nameLocation: 'middle',\n      nameGap: isDesktop ? 40 : 30,\n      nameRotate: -90,\n      position: 'right',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: isDesktop ? 12 : 4,\n        rich: {\n          a: {\n            padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}%` : `{a|${value}%}`),\n      },\n      axisPointer: {\n        label: {\n          precision: 0,\n          padding: isDesktop ? [4, 10, 4, 10] : 4,\n          formatter: '{value}%',\n        },\n      },\n    },\n    axisPointer: {\n      show: true,\n      type: 'line',\n    },\n    visualMap: {\n      type: 'piecewise',\n      show: false,\n      dimension: 0,\n      pieces: [\n        {\n          lt: down.average,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.5,\n        },\n        {\n          gte: down.average,\n          lt: down.median,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: down.median,\n          lt: maxDown,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: minUp,\n          lt: up.median,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: up.median,\n          lt: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.5,\n        },\n      ],\n    },\n    series: [\n      {\n        name: 'main',\n        type: 'line',\n        symbol: 'none',\n        areaStyle: {\n          origin: 'end',\n          opacity: 1,\n        },\n        lineStyle: {\n          opacity: 1,\n        },\n        emphasis: {\n          disabled: true,\n        },\n        data: points,\n        markLine: {\n          silent: true,\n          symbol: ['none', 'none'],\n          label: {\n            show: false,\n          },\n          lineStyle: {\n            color: isDark ? colorPalette.white : colorPalette.bottleGreenDark,\n            width: 1,\n          },\n          data: [\n            {\n              xAxis: down.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: down.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: down.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: down.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n            {\n              xAxis: up.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: up.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: up.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: up.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n          ],\n        },\n        markPoint: {\n          animation: false,\n          silent: true,\n          itemStyle: {\n            borderWidth: 1,\n            borderColor: colorPalette.white,\n          },\n          label: {\n            show: false,\n          },\n          data: [\n            {\n              name: 'Mark point Down average',\n              xAxis: down.average,\n              yAxis: getPercentValueByPips(down.average, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point Down median',\n              xAxis: down.median,\n              yAxis: getPercentValueByPips(down.median, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point Down threshold',\n              xAxis: down.threshold,\n              yAxis: getPercentValueByPips(down.threshold, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n            {\n              name: 'Mark point up average',\n              xAxis: up.average,\n              yAxis: getPercentValueByPips(up.average, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point up median',\n              xAxis: up.median,\n              yAxis: getPercentValueByPips(up.median, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point up threshold',\n              xAxis: up.threshold,\n              yAxis: getPercentValueByPips(up.threshold, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n          ],\n        },\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: `${TITLE_HEIGHT}px`,\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark),\n        top: TITLE_HEIGHT - 2,\n        right: -2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getLineCommons","Theme","themeColors","CHART_HEIGHT","CHART_WIDTH","TITLE_HEIGHT","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","getPercentValueByPips","getOption","values","lang","isDark","isDesktop","theme","Dark","Light","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","yLabelMarinTop","down","up","valueAtRiskChart","points","sort","a","b","pips","map","point","percent","maxDown","Math","max","minUp","min","animation","title","left","top","text","textStyle","fontWeight","fontSize","xAxis","type","name","toUpperCase","nameLocation","splitNumber","nameGap","axisLine","show","axisTick","axisLabel","padding","margin","showMaxLabel","showMinLabel","hideOverlap","formatter","value","toFixed","axisPointer","label","_ref","yAxis","inverse","nameRotate","position","nameMoveOverlap","rich","index","precision","visualMap","dimension","pieces","lt","average","color","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","shape","x1","y1","x2","y2"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n  Theme,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  TITLE_HEIGHT,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { getPercentValueByPips } from './getPercentValueByPips';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n  const theme = isDark ? Theme.Dark : Theme.Light;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE - Y_LABEL_SIZE_DESKTOP,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    yLabelMarinTop: isDesktop ? 0 : TITLE_HEIGHT,\n  });\n\n  const { down, up } = values!.valueAtRiskChart!;\n\n  const points = [...up.points!, ...down.points!]\n    .sort((a, b) => a.pips - b.pips)\n    .map((point) => [point.pips, point.percent * 100]);\n\n  const maxDown = Math.max(...down.points!.map((point) => point.pips));\n  const minUp = Math.min(...up.points!.map((point) => point.pips));\n\n  return {\n    animation: false,\n    title: {\n      left: 16,\n      top: 10,\n      text: lang('daily'),\n      textStyle: {\n        fontWeight: 500,\n        fontSize: 20,\n      },\n    },\n    xAxis: {\n      type: 'value',\n      name: lang('pips').toUpperCase(),\n      nameLocation: 'middle',\n      splitNumber: isDesktop ? 8 : 4,\n      nameGap: 32,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: 12,\n        showMaxLabel: false,\n        showMinLabel: false,\n        hideOverlap: true,\n        formatter: (value) => value.toFixed(),\n      },\n      axisPointer: {\n        label: {\n          margin: 7,\n          formatter: ({ value }) => (value as number).toFixed(),\n        },\n      },\n    },\n    yAxis: {\n      name: lang('distribution').toUpperCase(),\n      type: 'value',\n      inverse: true,\n      nameLocation: 'middle',\n      nameGap: isDesktop ? 40 : 30,\n      nameRotate: -90,\n      position: 'right',\n      nameMoveOverlap: false,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: isDesktop ? 12 : 4,\n        rich: {\n          a: {\n            padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}%` : `{a|${value}%}`),\n      },\n      axisPointer: {\n        label: {\n          precision: 0,\n          padding: isDesktop ? [4, 10, 4, 10] : 4,\n          formatter: '{value}%',\n        },\n      },\n    },\n    axisPointer: {\n      show: true,\n      type: 'line',\n    },\n    visualMap: {\n      type: 'piecewise',\n      show: false,\n      dimension: 0,\n      pieces: [\n        {\n          lt: down.average,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.5,\n        },\n        {\n          gte: down.average,\n          lt: down.median,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: down.median,\n          lt: maxDown,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: minUp,\n          lt: up.median,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: up.median,\n          lt: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.5,\n        },\n      ],\n    },\n    series: [\n      {\n        name: 'main',\n        type: 'line',\n        symbol: 'none',\n        areaStyle: {\n          origin: 'end',\n          opacity: 1,\n        },\n        lineStyle: {\n          opacity: 1,\n        },\n        emphasis: {\n          disabled: true,\n        },\n        data: points,\n        markLine: {\n          silent: true,\n          symbol: ['none', 'none'],\n          label: {\n            show: false,\n          },\n          lineStyle: {\n            color: isDark ? colorPalette.white : colorPalette.bottleGreenDark,\n            width: 1,\n          },\n          data: [\n            {\n              xAxis: down.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: down.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: down.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: down.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n            {\n              xAxis: up.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: up.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: up.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: up.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n          ],\n        },\n        markPoint: {\n          animation: false,\n          silent: true,\n          itemStyle: {\n            borderWidth: 1,\n            borderColor: colorPalette.white,\n          },\n          label: {\n            show: false,\n          },\n          data: [\n            {\n              name: 'Mark point Down average',\n              xAxis: down.average,\n              yAxis: getPercentValueByPips(down.average, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point Down median',\n              xAxis: down.median,\n              yAxis: getPercentValueByPips(down.median, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point Down threshold',\n              xAxis: down.threshold,\n              yAxis: getPercentValueByPips(down.threshold, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n            {\n              name: 'Mark point up average',\n              xAxis: up.average,\n              yAxis: getPercentValueByPips(up.average, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point up median',\n              xAxis: up.median,\n              yAxis: getPercentValueByPips(up.median, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point up threshold',\n              xAxis: up.threshold,\n              yAxis: getPercentValueByPips(up.threshold, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n          ],\n        },\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: `${TITLE_HEIGHT}px`,\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark),\n        top: TITLE_HEIGHT - 2,\n        right: -2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-value-at-risk-widget",
-  "version": "1.0.110",
+  "version": "1.0.111",
   "description": "Labs Value At Risk Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -12,10 +12,10 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.218",
+    "@oanda/labs-widget-common": "^1.0.219",
     "@oanda/mono-i18n": "10.0.1",
-    "echarts": "5.5.0",
-    "echarts-for-react": "3.0.2",
+    "echarts": "6.0.0",
+    "echarts-for-react": "3.0.4",
     "graphql": "16.8.1"
   },
   "devDependencies": {
@@ -23,5 +23,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@graphql-codegen/typescript": "4.0.1"
   },
-  "gitHead": "7a07df3d3cadc0733696bb4579b520fe54eacee0"
+  "gitHead": "39a4ba7320ad2596a931ebc3b19cda09da14f9de"
 }

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

@@ -80,6 +80,7 @@ export const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {
       nameGap: isDesktop ? 40 : 30,
       nameRotate: -90,
       position: 'right',
+      nameMoveOverlap: false,
       axisLine: { show: false },
       axisTick: { show: false },
       axisLabel: {