search

graphieros / vue-data-ui

An open source user-empowering data visualization Vue 3 components library for eloquent data storytelling
https://vue-data-ui.graphieros.com/
MIT License
1.02k stars 47 forks source link

"X axis labels" is not controlled by "Show labels" #119

Closed jimnxj closed 4 hours ago

jimnxj commented 4 hours ago

I'm researching the VueUiXy component, found that "X axis labels" is not controlled by "Show labels", The labels on the x-axis cannot be displayed perfectly.

image

image

jimnxj commented 4 hours ago

Refer to the second screenshot, the left and right frame line is not displayed correctly.

graphieros commented 4 hours ago

Hi @jimnxj

No issue here.

Show labels controls data labels, not axis labels. Axis labels are not shown in they remain empty.

As for the crop effect, just add some padding bottom in the padding section, or tweak the offsetY value of the x Axis label if you don't intend on showing period labels.

jimnxj commented 4 hours ago

Hi @graphieros Thanks! but how about the 2nd question? The border lines should not run through the data graph on the x-axis.

image

graphieros commented 4 hours ago

That's because Position should be set on 'middle' if you use bars.