Qt Forum

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    • Unsolved

    Unsolved How to customize BarCategoryAxis labels and BarSeries?

    QML and Qt Quick
    qtcharts charts barchart
    1
    1
    650
    Loading More Posts
    • 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.
    • P
      Praveen_2017 last edited by A Former User

      I need to customize the BarCategoryAxis labels and BarSeries. Following is the code:

      import QtQuick 2.6
      import QtQuick.Window 2.2
      import QtQuick.Controls 2.0
      import QtCharts 2.2
      
      ApplicationWindow {
          id: window
          width: 640
          height: 480
          visible: true
      
          ChartView {
              id: chartview
              width: parent.width
              height: 300
      
              BarSeries {
                  name: "BarSeries"
                  axisX: BarCategoryAxis {
                      id:barAxis
                      property int minCategory: 10
                      property int maxCategory: 100
                      property int category: 50
                      categories: ["10","20","30","40","50","60","70","80","90","100"]
      
      
                      min:  Math.floor(((minCategory + sb.position *
                                         (maxCategory - minCategory - category)) + 9)/10)*10
      
                      max: Math.floor((((minCategory + sb.position *
                                         (maxCategory - minCategory - category)) + category) + 9)/10) *10
                  }
      
                  axisY: ValueAxis {
                      id:axisY
                      min: 0
                      max: 70
                      tickCount: 5
                      labelFormat: "%.0f"
                  }
      
                  BarSet { values: [2, 2, 3, 4, 5, 6,7] }
                  BarSet { values: [5, 1, 2, 4, 1, 7] }
                  BarSet { values: [3, 5, 8, 13, 5, 8] }
              }
      
          }
      
          Slider {
              id: sb
              anchors {
                  bottom: parent.bottom
                  left: parent.left
                  right: parent.right
              }
              height: 30
          }
      }
      
      1. How to align the X Axis labels exactly below the grid? currently, it is at center as below:

      enter image description here

      I Tried with ValueAxis but it will not plot the bars properly but labels will be exactly below the grid.

      1. Currently, slider moves the graph but not fluent. Can anyone suggest a better approach?
      1 Reply Last reply Reply Quote 0
      • First post
        Last post