Important: Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

CircularGauge



  • 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



  • @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



  • @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


Log in to reply