Диаграмма uPlot в приложении vue3 имеет слишком большую высоту под U ⇐ Html

[Anonymous]

Я использую диаграмму uPlot через пакет uplot-vue в своем приложении vue3. Проблема в том, что диаграмма uPlot имеет слишком большой запас сверху.
Когда я исследую макет в браузере, я вижу, что элемент div u-under из uPlot вызывает проблему. Он должен быть равен 0, но его высота составляет 133 пикселя.
Это компонент, который я использую в своем приложении:

Код: Выделить всё

import { ref } from 'vue'
import UplotVue from 'uplot-vue'

const chartData = ref([
[0, 1, 2, 3, 4], // x-axis values
[10, 12, 9, 15, 14], // y-axis values
])

const chartOptions = ref({
width: 800,
height: 400,
title: 'My Chart',
series: [
{},
{
label: 'series 1',
stroke: 'red',
},
],
scales: { x: { time: false } },
})

const plotRoot = ref(null as unknown as HTMLElement)
const target = ref (null as unknown as HTMLElement)

onMounted(() => {
target.value = plotRoot.value as HTMLElement
if (target.value) {
chartOptions.value = {
...chartOptions.value,
title: target.value.id ? 'Rendered with template' : 'Rendered with function',
width: target.value.clientWidth,
height: target.value.clientHeight,
}
}
})



id="template-root"
ref="plotRoot"
>





.my-chart-container {
width: 100%;
height: 200px;
position: relative;
}

Есть идеи, как я могу повлиять на высоту div.u-under в uPlot, чтобы она была равна 0?

Подробнее здесь: https://stackoverflow.com/questions/793 ... der-height