diff options
Diffstat (limited to 'packages/client/src/components')
| -rw-r--r-- | packages/client/src/components/chart-tooltip.vue | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/packages/client/src/components/chart-tooltip.vue b/packages/client/src/components/chart-tooltip.vue index 20e094a5a7..5c5e42db87 100644 --- a/packages/client/src/components/chart-tooltip.vue +++ b/packages/client/src/components/chart-tooltip.vue @@ -1,17 +1,19 @@ <template> -<MkTooltip ref="tooltip" :showing="showing" :x="x" :y="y" :max-width="340" :direction="'left'" :inner-margin="16" @closed="emit('closed')"> - <div v-if="title" class="qpcyisrl"> - <div class="title">{{ title }}</div> - <div v-for="x in series" class="series"> - <span class="color" :style="{ background: x.backgroundColor, borderColor: x.borderColor }"></span> - <span>{{ x.text }}</span> - </div> +<MkTooltip ref="tooltip" :showing="showing" :x="x" :y="y" :max-width="340" :direction="'top'" :inner-margin="16" @closed="emit('closed')"> + <div v-if="title || series" class="qpcyisrl"> + <div v-if="title" class="title">{{ title }}</div> + <template v-if="series"> + <div v-for="x in series" class="series"> + <span class="color" :style="{ background: x.backgroundColor, borderColor: x.borderColor }"></span> + <span>{{ x.text }}</span> + </div> + </template> </div> </MkTooltip> </template> <script lang="ts" setup> -import { } from 'vue'; +import { } from 'vue'; import MkTooltip from './ui/tooltip.vue'; const props = defineProps<{ |