Results 1 to 2 of 2

Thread: Gauge Charts

  1. #1
    Sencha User
    Join Date
    Sep 2011
    Location
    Lahore, Pakistan
    Posts
    7

    Default Gauge Charts

    How to set size of title in Gauge Charts

    I want to set size of id: 'kpi-1' which is taken from

    Ext.getCmp('kpi-1').axes.items[0].setTitle('KPI1 = '+guageArr1['value']+'%');

    which is used here
    items:[{
    id: 'kpi-1',
    animate:{
    easing: 'elasticIn',
    duration: 1000
    },
    store: 'gaugeStore1',
    axes:[{
    type: 'gauge',
    position: 'gauge',
    //title: 'KPI1',
    minimum: 0,
    maximum: 100,
    // setTitle: function(title) {
    // dock : 'left';
    // this.title = 'abc';
    // this.drawTitle();
    // },
    steps: 10,
    margin: -10
    }],
    series:[{
    type: 'gauge',
    field: 'value',
    donut: 55,
    colorSet: ['#F49D10', '#ddd'],
    }]
    }

  2. #2
    Sencha Premium Member GeorgeHernandez's Avatar
    Join Date
    Oct 2007
    Location
    Chicago
    Posts
    19

    Default

    Try setting the label config in the axes:

    Code:
    axes: [{
        type: 'gauge',
        label: {font: '2em Helvetica, sans-serif'}
        ...
    }]

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •