Question

一个简单的JSON文件调用问题

以前没接触过这个，现在急用，来请教下，只要给我举个例子就行，不用说原理什么的

现在我做的一个图表，要调用很多数据：
var dataStore = new Ext.data.JsonStore({
fields: [{ name: 'ymd', type: 'date', dateFormat: 'Y-m-d' }, 'proportion'],
data: [
{ ymd: '2012-01-01', proportion: 0.411 },
{ ymd: '2012-01-02', proportion: 0.411 },
。。。

]});

现在我要把这些东西写到一个文件里，然后再页面里调用。静态页面
求举例json文件怎么写，页面又怎么调用。求大神
对了，js调用就行

Answer 1

HTML：

Ext.onReady(function () {
    var me = this,
        url = "data.json";
        
    me.store = Ext.create('Ext.data.JsonStore', {
        fields: ['name', 'data'],
        data: []  //初始化store无数据
    });

    me.chart = Ext.create('Ext.chart.Chart', {
        renderTo: Ext.getBody(),
        width: 800,
        height: 600,
        animate: true,
        store: me.store,
        axes: [{
            type: 'Numeric',
            position: 'left',
            fields: ['data'],
            label: {
                renderer: Ext.util.Format.numberRenderer('0,0')
            },
            title: 'Sample Values',
            grid: true,
            minimum: 0
        },{
            type: 'Category',
            position: 'bottom',
            fields: ['name'],
            title: 'Sample Metrics'
        }],
        series: [{
            type: 'column',
            axis: 'left',
            highlight: true,
            xField: 'name',
            yField: 'data'
        }]
    });
                
    Ext.Ajax.request({
        url : url,  //获取json数据
        scope : me,
        success : function(result){
            me.store.loadRawData(result);  //store载入数据
        }
    });
})

data.json

[
    { 'name': '一季度', 'data':10 },
    { 'name': '二季度', 'data': 7 },
    { 'name': '三季度', 'data': 5 },
    { 'name': '四季度', 'data':27 }
]