title: fetching data from json and unable to display proper graph in extjs
body: <p>I am unable to display graph in extjs after fetching values from .json file.</p>
  
  <p>Please find the attached code.</p>
  
  <p>chart.json</p>
  
  <pre><code>        { "graphobject": 
             [
                  { 'name': 'abc',   'data': 7 },
                  { 'name': 'xyz', 'data': 5 },
                  { 'name': 'mnop',  'data': 2 },
                  { 'name': 'qrst',  'data':27 },
                  { 'name': 'cde',  'data':20 }
                  ]
          }
  </code></pre>
  
  <p>abc.js</p>
  
  <pre><code>                            Ext.require([
                  'Ext.data.*',
                  'Ext.chart.*',
                   'Ext.util.Point'   
              ]);
              Ext.onReady(function () {
  
              var tore = new Ext.data.JsonStore({
                  url: 'chart.json',
                  autoLoad: false,
                  root: 'graphobject',     
                  fields: ['name', 'data']
              });
  
  
               Ext.create('Ext.chart.Chart', {
                  renderTo: Ext.getBody(),
                  width: 500,
                  height: 300,
                  animate: true,
                  store: tore,
                  axes: [
                      {
                          type: 'Numeric',
                          position: 'left',
  
                          label: {
                              renderer: Ext.util.Format.numberRenderer('0,0')
                          },
                          title: 'Sample Values',
                          grid: true,
                      minimum: 0
                      },
                      {
                          type: 'Category',
                          position: 'bottom',
  
                          title: 'Sample Metrics'
                      }
                  ],
                  series: [
                      {
                          type: 'line',
                          highlight: {
                              size: 7,
                              radius: 7
                          },
                          axis: 'left',
                          xField: 'name',
                          yField: 'data',
                          markerConfig: {
                              type: 'cross',
                              size: 4,
                              radius: 4,
                              'stroke-width': 0
                          }
                      },
  
                  ]
              });
  
              });
  </code></pre>
  
  <p>Now i am able to get line graph,but values are not proper.</p>
  
  <p>can you please help me to fetch proper graph in extjs.</p>
  
  <p>Thanks in advance..</p>