1. #1
    Sencha User
    Join Date
    Dec 2007
    Posts
    5
    Vote Rating
    0
    oscarpoblacion is on a distinguished road

      0  

    Default Unanswered: Wrong data being displayed on line chart for time series

    Unanswered: Wrong data being displayed on line chart for time series


    Dear all,

    I am trying to add charts to an application, but I got stucked in this. I have
    followed the steps in the API, and my code is like this right now:


    Code:
    var chart;
    Ext.onReady(function () {
    
            //Define a model
            Ext.define('cts', {
                extend: 'Ext.data.Model',
                fields: [ {name: 'date'}, {name: 'counts', type: 'integer'}]
            });
    
            //Define an store
            var store=Ext.create('Ext.data.Store', {
                model: 'cts',
                data: [ {date: new Date(2011, 1, 1, 8), counts: 0},
                        {date: new Date(2011, 1, 2, 8), counts: 23},
                        {date: new Date(2011, 1, 3, 8), counts: 40},
                        {date: new Date(2011, 1, 4, 8), counts: 50}]
            });
    
        //Define the chart itself
        chart = new Ext.chart.Chart({
            width: 400,
            height: 400,
            store: store,
            renderTo: Ext.getBody(),
            axes: [{
                type: 'Numeric',
                minimum: 0,
                maximum: 200,
                position: 'left',
                fields: ['counts'],
                title: 'Counts per channel per minute',
                grid: {
                    odd: {
                        fill: '#dedede',
                        stroke: '#ddd',
                        'stroke-width': 0.5
                    }
                }
            }, {
                type: 'Time',
                fields: ['date'],
                position: 'bottom',
                title: 'time stamp',
                dateFormat: 'Y-m-d',
                groupBy: 'year,month,day,hour,minute,second'
            }],
    
            series: [{
                type: 'line',
                xField: 'date',
                yField: 'counts'
            }]
        });
    
    
    });
    But instead of a nice chart I am getting this instead:

    sample.png

    I have tried to define the store of many ways, but I always reach the same result. Curiously the result in safari is similar, but the horizontal lines do not appear. Any clue about what am I doing wrong?

    Thanks

    Óscar

  2. #2
    Sencha User
    Join Date
    Sep 2011
    Posts
    1
    Vote Rating
    0
    Skorfulose is on a distinguished road

      0  

    Default


    Hello Óscar,


    I also stumbled upon this. I found out the code for Live Updated Chart uses Time Axis and wondered how this works:
    It uses both axes in axis-attribute of the series. So please try this, it worked for me:

    Code:
    series: [{
      type: 'line',
      axis: ['left', 'bottom'],
      xField: 'date',
      yField: 'counts'
    }]

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi