FoundKeyGang/FoundKey
FoundKeyGang/FoundKey
7
19
Fork 22
Code Issues 37 Pull requests 4 Releases Activity

fix(client): fix chart tooltip rendering

Browse source
This commit is contained in:
syuilo 2022-06-28 10:41:38 +09:00 committed by Johann150
parent 3579ebf03d
commit 681a650b01
Signed by: Johann150
GPG key ID: 9EE6577A2A06F8F1
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
packages/client/src/components/chart-tooltip.vue
View file

@ -1,17 +1,19 @@
<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>
<div v-for="x in series" class="series"> <template v-if="series">
<span class="color" :style="{ background: x.backgroundColor, borderColor: x.borderColor }"></span> <div v-for="x in series" class="series">
<span>{{ x.text }}</span> <span class="color" :style="{ background: x.backgroundColor, borderColor: x.borderColor }"></span>
</div> <span>{{ x.text }}</span>
</div>
</template>
</div> </div>
</MkTooltip> </MkTooltip>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { } from 'vue'; import { } from 'vue';
import MkTooltip from './ui/tooltip.vue'; import MkTooltip from './ui/tooltip.vue';
const props = defineProps<{ const props = defineProps<{