New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

Center text in middle of gauge #18

Open

simeon9696 opened this issue Jul 23, 2021 · 1 comment

simeon9696 commented Jul 23, 2021 •

edited

Loading

Is there any way to disable the pointer and center the text?

I have added a gaugeValueClass, but it's not responding to any margin or padding properties

* >>> .GAUGE{
  
  font-weight: bold;
  padding-top:"-900px" !important;
}

<v-gauge :value="value" width="220px" :options="opts" gaugeValueClass="GAUGE"/>

The text was updated successfully, but these errors were encountered:

MaCleodWalker commented Sep 29, 2021 •

edited

Loading

@simeon9696 Were you able to resolve this issue? I'm working on a project with this plugin and haven't been able to get the text value in the center of the gauge either, I can get them centered vertically but not horizontally like it is in the demo https://bernii.github.io/gauge.js/#?currval=1250&animationSpeed=32&angle=35&lineWidth=10&radiusScale=100&fontSize=24&colorStart=6F6EA0&colorStop=C0C0DB&strokeColor=EEEEEE&divisions=5&divLength=70&divColor=333333&divWidth=11&subDivisions=3&subLength=50&subColor=666666&subWidth=6

# for free to join this conversation on GitHub. Already have an account? # to comment