ExtJS x-axis timeline in line chart

  1. s.siva
    s.siva
    Attachment 32199

    Hi, guys here is the code to divide the x-axis scale. this work fine for month and date, i want to divide x-axis with hour and minute, i cant find out how to do it, can anyone help to find out this.

    Ext.onReady(function () {
    store1.loadData(generateData());
    var win = Ext.create('Ext.Window', {
    width: 800,
    height: 600,
    minHeight: 400,
    minWidth: 550,
    hidden: false,
    maximizable: true,
    title: 'Line Chart',
    renderTo: Ext.getBody(),
    layout: 'fit',
    items: {
    xtype: 'chart',
    style: 'background:#fff',
    animate: true,
    store: store1,
    shadow: true,
    theme: 'Category1',
    axes: [{
    type: 'Numeric',
    minimum: 0,
    maximum:200,
    position: 'left',
    fields: ['data1'],
    title: 'Number of Hits',
    minorTickSteps: 1,
    grid:{
    odd: {
    opacity: 1,
    fill: '#ddd',
    stroke: '#bbb',
    'stroke-width': 0.5
    }
    }
    },
    {
    type: 'Time',
    position: 'bottom',
    fields: ['date'],
    title: 'Day',
    dateFormat: 'M d',
    fromDate: new Date('1/1/11'),
    toDate: new Date('1/8/11 '),
    }],
    series: [{
    type: 'line',
    highlight: {
    size: 7,
    radius: 7
    },
    axis: 'left',
    xField: 'date',
    yField: 'data1',
    markerConfig: {
    type: 'cross',
    size: 4,
    radius: 4,
    'stroke-width': 0
    }
    }, {
    type: 'line',
    highlight: {
    size: 7,
    radius: 7
    },
    axis: 'left',
    smooth: true,
    xField: 'date',
    yField: 'data1',
    markerConfig: {
    type: 'circle',
    size: 4,
    radius: 4,
    'stroke-width': 0
    }
    }]
    }
    });
    });
    PLEASE HELP !!!!
Results 1 to 1 of 1