Results 1 to 3 of 3

Thread: Query on Ext js TimeAxis

  1. #1

    Default Query on Ext js TimeAxis


    I am using a Ext js 3.4 columnchart and a stacked column chart , in which yAxis is a numeric axis and x axis as TimeAxis.

    The numeric axis always start at zero and units are displayed according to values . However ,my TimeAxis does start on the least month with store has . I could see all the columns/bars. But the problem is since the value ranges from say Dec -1 -YYYY., my first bar always start on zeroth position. Is there a way to shift the bar , to first axis value, instead of zeroth axis value?

    Also , is there a way to display the time axis label , exactly same as value?

    My chart code is as below .

    store: mychartStore,
     xField:	'timePeriod',
     xAxis: new Ext.chart.TimeAxis({
    	labelRenderer: Ext.util.Format.dateRenderer('m/Y')  				
    yAxis: new Ext.chart.NumericAxis({
    	stackingEnabled: true,
    	title: 'Dollars',				
    labelRenderer: function(value)
      	return  Ext.util.Format.number(value, '123,456.78'); 
    series: [{
    	displayName: 'Earnings',
    	style: { color: "#748746" }
    displayName: 'Principal',
    style: { color: "#8C3F3A" }

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL


    The YUI charts will try to do a lot of magic.. some of which is not exactly what everyone wants. You could check the YUI docs to see how to customize what you want.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:

    Posts are my own, not any current, past or future employer's.

  3. #3


    Thank you. My collegue helped.
    Instead of setting the xAxis to TimeAxis, donot set any. The chart will render its default. It worked.

Tags for this Thread

Posting Permissions

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