Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. CircularGauge
Forum Updated to NodeBB v4.3 + New Features

CircularGauge

Scheduled Pinned Locked Moved Solved QML and Qt Quick
2 Posts 2 Posters 1.0k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T Offline
    T Offline
    Traust
    wrote on last edited by Traust
    #1

    I'm trying to style CircularGauge and I want to move tickmark labels outside, like on pic below and I'm not sure how to do it, so I'm looking for help or any suggestions. :)

    alt text

    By default they're inside.

    alt text

    1 Reply Last reply
    0
    • MarkkyboyM Offline
      MarkkyboyM Offline
      Markkyboy
      wrote on last edited by Markkyboy
      #2

      @Traust

      Using the Qt example "Circular guage", I came up with this;

      the original code that looks like this;

      CircularGaugeStyle {
          tickmarkInset: toPixels(0.04)
          minorTickmarkInset: tickmarkInset
          labelStepSize: 20
          labelInset: toPixels(0.23)
      

      Change 2 sets of figures with a hyphen or a dash/minus symbol, as shown below, this moves the numbers to the outside of the guage;

      CircularGaugeStyle {
          tickmarkInset: toPixels(-0.04)
          minorTickmarkInset: tickmarkInset
          labelStepSize: 20
          labelInset: toPixels(-0.23)
      

      A couple of screenshots;

      BEFORE (original)
      before.JPG

      AFTER (edited)
      after.JPG

      Don't just sit there standing around, pick up a shovel and sweep up!

      I live by the sea, not in it.

      1 Reply Last reply
      1

      • Login

      • Login or register to search.
      • First post
        Last post
      0
      • Categories
      • Recent
      • Tags
      • Popular
      • Users
      • Groups
      • Search
      • Get Qt Extensions
      • Unsolved