Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Sep 2007
    Posts
    23
    Vote Rating
    1
    marcoas is on a distinguished road

      0  

    Default Chart Line series not rendered correctly

    Chart Line series not rendered correctly


    REQUIRED INFORMATION


    Ext version tested:
    • Ext 4.1

    Browser versions tested against:
    • Chrome Versión 25.0.1364.97 m

    DOCTYPE tested against:
    • <html xmlns="http://www.w3.org/1999/xhtml">

    Description:
    • (Translated by Google)
      The series marks do not align with the X axis points.
      In my tests, I always used integers numbers.

    Test Case:

    Code:
    <div id="gpf"></div>
    
    <script>
      chart([{"O_Etap":10,"O_Fase":10,"Jorn":1,"gf1":13,"gf2":9,"gtot":22},{"O_Etap":10,"O_Fase":10,"Jorn":2,"gf1":18,"gf2":13,"gtot":31},{"O_Etap":10,"O_Fase":10,"Jorn":3,"gf1":17,"gf2":16,"gtot":33},{"O_Etap":10,"O_Fase":10,"Jorn":4,"gf1":9,"gf2":6,"gtot":15},{"O_Etap":10,"O_Fase":10,"Jorn":5,"gf1":12,"gf2":7,"gtot":19},{"O_Etap":10,"O_Fase":10,"Jorn":6,"gf1":14,"gf2":11,"gtot":25},{"O_Etap":10,"O_Fase":10,"Jorn":7,"gf1":14,"gf2":14,"gtot":28},{"O_Etap":10,"O_Fase":10,"Jorn":8,"gf1":15,"gf2":8,"gtot":23},{"O_Etap":10,"O_Fase":10,"Jorn":9,"gf1":12,"gf2":4,"gtot":16},{"O_Etap":10,"O_Fase":10,"Jorn":10,"gf1":14,"gf2":9,"gtot":23},{"O_Etap":10,"O_Fase":10,"Jorn":11,"gf1":13,"gf2":9,"gtot":22},{"O_Etap":10,"O_Fase":10,"Jorn":12,"gf1":7,"gf2":9,"gtot":16},{"O_Etap":10,"O_Fase":10,"Jorn":13,"gf1":11,"gf2":8,"gtot":19},{"O_Etap":10,"O_Fase":10,"Jorn":14,"gf1":23,"gf2":5,"gtot":28},{"O_Etap":10,"O_Fase":10,"Jorn":15,"gf1":16,"gf2":13,"gtot":29},{"O_Etap":10,"O_Fase":10,"Jorn":16,"gf1":21,"gf2":4,"gtot":25},{"O_Etap":10,"O_Fase":10,"Jorn":17,"gf1":9,"gf2":12,"gtot":21},{"O_Etap":10,"O_Fase":10,"Jorn":18,"gf1":23,"gf2":14,"gtot":37},{"O_Etap":10,"O_Fase":10,"Jorn":19,"gf1":14,"gf2":19,"gtot":33}]);
    
    function chart( data ){
        
    var store = Ext.create('Ext.data.JsonStore', {
        fields: ['O_Etap', 'O_Fase', 'Jorn', 'gf1', 'gf2', 'gtot'],
        data: data
    });
    
    var newDIV = Ext.DomHelper.append(
      Ext.get('gpf'),{
        tag:'div'
      });
    
    Ext.create('Ext.chart.Chart', {
      renderTo: newDIV,
      width: 700,
      height: 300,
      store: store,
      legend: {
        position: 'right',
        boxFill:'#dedede'    
      },
      axes: [{
        title: 'Goles',
        type: 'Numeric',
        position: 'left',
        fields: ['gtot'],
        grid: true,
        minimum: 0
      },{
        title: 'Fecha',
        type: 'Numeric',
        position: 'bottom',
        fields: ['Jorn'],
        minimum: 1,
        grid: true
      }],    
      series: [{
        type: 'line',
        axis: 'left',
        title: 'Goles Locales',
        highlight: true,
        xField: 'Jorn',
        yField: 'gf1',
        style: {
          stroke: '#FFF'
        },
        tips: {
          trackMouse: true,
          width: 180,
          renderer: function(storeItem, item) {
            this.setTitle('Fecha ' + storeItem.get('Jorn') + ' con ' + storeItem.get('gf1') + ' goles locales');
          }
        },
        markerConfig: {
          type: 'circle',
          radius: 4,
          'fill': '#f00'
        }
     },{
        type: 'line',
        axis: 'left',
        title: 'Goles Visitantes',
        highlight: true,
        xField: 'Jorn',
        yField: 'gf2',
        style: {
          stroke: '#00F'
        },
        tips: {
          trackMouse: true,
          width: 180,
          renderer: function(storeItem, item) {
            this.setTitle('Fecha ' + storeItem.get('Jorn') + ' con ' + storeItem.get('gf2') + ' goles visitantes');
          }
        },
        markerConfig: {
          type: 'circle',
          radius: 4,
          'fill': '#FFF'
        }
      },{
        type: 'line',
        axis: 'left',
        title: 'Goles Totales',
        highlight: true,
        xField: 'Jorn',
        yField: 'gtot',    
        markerConfig: {
          type: 'circle',
          radius: 4,
          'fill': '#FF0'
        },
        tips: {
          trackMouse: true,
          width: 180,
          renderer: function(storeItem, item) {
            this.setTitle('Fecha ' + storeItem.get('Jorn') + ' con ' + storeItem.get('gtot') + ' goles totales');
          }
        },
        style: {
          stroke: '#F05'
        },
      }]
    });  
    
    }
    
    </script>
    Operating System:
    • Win 7 Ultimate
    Attached Images

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,525
    Vote Rating
    872
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    I don't see you doing Ext.onReady.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Sep 2007
    Posts
    23
    Vote Rating
    1
    marcoas is on a distinguished road

      0  

    Default


    (Translated by Google)
    That piece of code is received from an AJAX request (load method), which automatically loads a PANEL.

    That's why you do not see a onReady

  4. #4
    Sencha User
    Join Date
    Sep 2007
    Posts
    23
    Vote Rating
    1
    marcoas is on a distinguished road

      0  

    Default


    any help?

  5. #5
    Sencha User
    Join Date
    Sep 2007
    Posts
    23
    Vote Rating
    1
    marcoas is on a distinguished road

      0  

    Default


    Bump!

    Sorry for this....I don't find solution to this problem

Thread Participants: 1

Tags for this Thread