微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ext 7 图表代理数据格式

如何解决ext 7 图表代理数据格式

我尝试在 ext 7 中的笛卡尔图上使用直接代理加载 json 数据,如下所示: https://fiddle.sencha.com/#view/editor&fiddle/3bae

在本例中,我从 ajax 加载数据,但返回数据是相同的。 (它实际上是从我的直接 api 复制粘贴的)。我在我的测试系统上有相同的结果:我可以加载硬编码数据,但不能从代理加载。

我必须如何格式化数据才能填充我的图表?

解决方法

  1. JSON 的根属性必须是“result.data”
  2. 数据是对象,不是数组

对于您的自定义 JSON,您可以编写阅读器转换器,如下所示:

    ...
    ...
    proxy: {
        type: 'ajax',url: 'test.json',reader: {
            type: 'json',rootProperty: 'data',fields: ['month','value'],// What is it? 
            transform: {
                fn: function (data) {
                    return Object.values(data.result.data);
                },scope: this
            }
        }
    },autoLoad: true
});

或者你可以改变后端生成标准的extjs json,示例:

{
    "users": [
       {
           "id": 1,"name": "Ed Spencer","email": "ed@sencha.com"
       },{
           "id": 2,"name": "Abe Elias","email": "abe@sencha.com"
       }
    ]
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。