1. #31
    Ext JS Premium Member troseberry's Avatar
    Join Date
    Feb 2010
    Location
    Dayton, OH
    Posts
    277
    Vote Rating
    9
    troseberry will become famous soon enough

      0  

    Default


    Sorry I have never used Architect and do not know how components integrate.

  2. #32
    Sencha User
    Join Date
    Jun 2014
    Location
    California
    Posts
    6
    Vote Rating
    0
    hparekh is on a distinguished road

      0  

    Default Help

    Help


    I am new to Sencha and I was wondering if anyone could show me how to use the KPI Gauge.
    I have the KPI Gauge in the toolbox but when I try to use it, it doesn't work.
    Thank you in advance for the help.

  3. #33
    Sencha User
    Join Date
    Jun 2014
    Posts
    1
    Vote Rating
    0
    nareshKM is on a distinguished road

      0  

    Default


    Is there a way to hide the axes numbers and the gauge value in the chart?

  4. #34
    Ext JS Premium Member troseberry's Avatar
    Join Date
    Feb 2010
    Location
    Dayton, OH
    Posts
    277
    Vote Rating
    9
    troseberry will become famous soon enough

      0  

    Default


    To hide the axis lines and values you can override
    Code:
    drawAxis: function () {}
    inside the axes config. This essentially overrides the function that creates all those elements.

    Unfortunately there is no config to get rid of the value label as it is part of the needle component. You could always modify the KPIGauge series class and add in a showValue config type of option to the needle configuration that will check to see if it should create that sprite.

  5. #35
    Sencha User
    Join Date
    Jul 2014
    Location
    Graz
    Posts
    5
    Vote Rating
    0
    michael_jr is on a distinguished road

      0  

    Default


    Thank you... very good tutorial !!!


  6. #36
    Sencha User
    Join Date
    Aug 2014
    Posts
    27
    Vote Rating
    0
    Richardmansfield is on a distinguished road

      0  

    Default


    Hi! I am an electrical engineer and still now i haven't used the KPI Gauge and also don't know whether this KPI gauge will be needed in my work as I haven't still used in any of my work i don't know. So, please guide me.

  7. #37
    Sencha User
    Join Date
    Jul 2014
    Location
    Graz
    Posts
    5
    Vote Rating
    0
    michael_jr is on a distinguished road

      0  

    Default


    Hi,

    well, lets start:

    1. copy the two downlaoded files into the two overwrite folders from ExtJS and include this files to your project

    HTML Code:
    <script type="text/javascript" src="../../ext-5.0.0-commercial/ext-5.0.0/overrides/chart/axis/Gauge.js"></script>
    <script type="text/javascript" src="../../ext-5.0.0-commercial/ext-5.0.0/overrides/chart/series/Gauge.js"></script>
    2. The next step is : create or extend your Ext.Loader.setPath

    Code:
    Ext.Loader.setPath('Ext.ux', '../../ext-5.0.0-commercial/ext-5.0.0/override');
    Ext.Loader.setConfig('disableCaching', false);
    3. Require those files

    Code:
    Ext.require([
     
    ... some other classes... 
     
    'Ext.ux.chart.series.KPIGauge',
    'Ext.ux.chart.axis.KPIGauge',
     ...
    ]);


    And then you call the Gauge like in the example...