natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(client): fix chart tooltip rendering

This commit is contained in:
syuilo 2022-06-28 10:41:38 +09:00
parent c04d3d22af
commit d7c6e2e61c
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/client/src/components/chart-tooltip.vue
View File

@ -1,11 +1,13 @@
<template> <template>
<MkTooltip ref="tooltip" :showing="showing" :x="x" :y="y" :max-width="340" :direction="'left'" :inner-margin="16" @closed="emit('closed')"> <MkTooltip ref="tooltip" :showing="showing" :x="x" :y="y" :max-width="340" :direction="'top'" :inner-margin="16" @closed="emit('closed')">
<div v-if="title" class="qpcyisrl"> <div v-if="title || series" class="qpcyisrl">
<div class="title">{{ title }}</div> <div v-if="title" class="title">{{ title }}</div>
<template v-if="series">
<div v-for="x in series" class="series"> <div v-for="x in series" class="series">
<span class="color" :style="{ background: x.backgroundColor, borderColor: x.borderColor }"></span> <span class="color" :style="{ background: x.backgroundColor, borderColor: x.borderColor }"></span>
<span>{{ x.text }}</span> <span>{{ x.text }}</span>
</div> </div>
</template>
</div> </div>
</MkTooltip> </MkTooltip>
</template> </template>