Skip to content

Commit 57a8a90

Browse files
committed
fix tooltip
1 parent f40849a commit 57a8a90

File tree

1 file changed

+16
-6
lines changed
  • src/components/ECharts/CandlestickChart

1 file changed

+16
-6
lines changed

src/components/ECharts/CandlestickChart/index.tsx

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -54,12 +54,22 @@ export default function CandleStickAndVolumeChart({ data }: ICandlestickChartPro
5454
let chartdate = formatTooltipChartDate(params[0].value[0], 'daily')
5555

5656
let vals = ''
57-
vals += '<li style="list-style:none">' + params[0].marker + '</li>'
58-
for (const param of params) {
59-
vals += `<li style="list-style:none">Open<span style="float: right; margin-left: 20px"><b>${formatTooltipValue(param.value[1], '$')}</b></span></li>`
60-
vals += `<li style="list-style:none">Highest<span style="float: right; margin-left: 20px"><b>${formatTooltipValue(param.value[4], '$')}</b></span></li>`
61-
vals += `<li style="list-style:none">Lowest<span style="float: right; margin-left: 20px"><b>${formatTooltipValue(param.value[3], '$')}</b></span></li>`
62-
vals += `<li style="list-style:none">Close<span style="float: right; margin-left: 20px"><b>${formatTooltipValue(param.value[2], '$')}</b></span></li>`
57+
58+
if (params[0].componentSubType === 'candlestick') {
59+
vals += '<li style="list-style:none">' + params[0].marker + '</li>'
60+
for (const param of params) {
61+
vals += `<li style="list-style:none">Open<span style="float: right; margin-left: 20px"><b>${formatTooltipValue(param.value[1], '$')}</b></span></li>`
62+
vals += `<li style="list-style:none">Highest<span style="float: right; margin-left: 20px"><b>${formatTooltipValue(param.value[4], '$')}</b></span></li>`
63+
vals += `<li style="list-style:none">Lowest<span style="float: right; margin-left: 20px"><b>${formatTooltipValue(param.value[3], '$')}</b></span></li>`
64+
vals += `<li style="list-style:none">Close<span style="float: right; margin-left: 20px"><b>${formatTooltipValue(param.value[2], '$')}</b></span></li>`
65+
}
66+
} else {
67+
vals += params.reduce((prev, curr) => {
68+
return (
69+
prev +
70+
`<li style="list-style:none">${curr.marker}${curr.seriesName}: ${formatTooltipValue(curr.value[1], '$')}</li>`
71+
)
72+
}, '')
6373
}
6474

6575
return chartdate + vals

0 commit comments

Comments
 (0)