Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Jul 2011
    Posts
    12
    Vote Rating
    0
    Cangot is on a distinguished road

      0  

    Default Unanswered: Draw a gauge with "stacked" values

    Unanswered: Draw a gauge with "stacked" values


    Hi,

    I want to draw a gauge chart with 5 slices, and a needle.
    Code:
    var myStore =  new Ext.data.Store({     
         fields: ['price'],     
         data : [         {price: 50},         {price : 6},         {price : 20},         {price : 1}     ]
    });
    Code:
    var myChart = {   xtype: 'chart',   store: myStore ,
      axes: [{
          type: 'gauge',
          position: 'gauge',
          minimum: 0,
          maximum: 100
        }],
        series: [{
            type: 'gauge',
            angleField: 'price',
            needle:true
        } 
        ]
    


    What I want is a gauge with 5 slices (my 4 values + empty slice), like the "stacked" attribute with bar chart.
    Is it possible ?

    Thank you


  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,633
    Answers
    3452
    Vote Rating
    817
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Not really a gague chart... more of a pie chart only half of it.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jul 2011
    Posts
    12
    Vote Rating
    0
    Cangot is on a distinguished road

      0  

    Default


    Hi,

    Of course, you're right ! I was confused because of the needle ...
    I send the "half pie" I made.

    Thank you
    Attached Images

  4. #4
    Sencha User
    Join Date
    Feb 2012
    Posts
    26
    Vote Rating
    0
    Syntona is on a distinguished road

      0  

    Default Stacked gauge chart

    Stacked gauge chart


    Hey,
    Can I ask you have to accomplish this?
    I am also looking for gauge chart with multiple series.
    I tried to incorporate KPI gauge chart extension available in EXT-JS but not succeeded

    It would be great help if you guide/suggest.

    Thanks in advance.

  5. #5
    Sencha User
    Join Date
    Apr 2013
    Location
    New Delhi
    Posts
    9
    Vote Rating
    0
    rohit.advani is on a distinguished road

      0  

    Default


    @Cangot: Hi, I'm using ExtJS 4.1, can you please help me to understand how did you accomplish this semi pie chart with a needle. I have rendered a pie chart with a donut but not able to find out how to draw a semi pie chart and a needle.

    Can you please assist with some sample code ?

    Regards,
    Rohit

  6. #6
    Sencha User
    Join Date
    Feb 2012
    Posts
    9
    Vote Rating
    0
    Jibbercan is on a distinguished road

      0  

    Default


    Looks like this is a full chart with one data item representing 50% and the color set to the same as the background with a needle image overlayed. I need a chart like this too but I don't want all that wasted white space.