饼图未正确显示数据

时间:2014-10-08 21:14:52

标签: sapui5

我的数据模型:

{
    "UserData": 
    {
        "firstName": "Pieter"
        "history": 
        [
            {
                "clientID": 2,
                "distance": "130"
            },

            {
                "client": 3,
                "distance": "300"
            }

            ,

            {
                "client": 4,
                "distance": "430"
            }
        ]
    }
}

查看

                                        <content>
                        <viz:ui5.Pie>
                            <viz:dataset>
                                <viz:ui5.data.FlattenedDataset
                                    data="{/UserData/clockHistory}">
                                    <viz:dimensions>
                                        <viz:ui5.data.DimensionDefinition
                                            axis="1" name="Client" value="{clientID}">
                                        </viz:ui5.data.DimensionDefinition>
                                    </viz:dimensions>
                                    <viz:measures>
                                        <viz:ui5.data.MeasureDefinition
                                            name="Distance" value="{distance}">
                                        </viz:ui5.data.MeasureDefinition>
                                    </viz:measures>
                                </viz:ui5.data.FlattenedDataset>
                            </viz:dataset>
                        </viz:ui5.Pie>
                    </content>

我期待饼图大小取决于距离值三个部分。 但是我得到了不同的结果:

enter image description here

如果我在同一客户端ID的数组中有多个项目,饼图会自动将客户端分组并添加它们的距离吗?

1 个答案:

答案 0 :(得分:0)

首先,您的JSON格式在某种程度上不一致,客户端应为 clientID ,而FlattenedDataset的绑定路径应为{/UserData/history}而不是{{1 }}

{/UserData/clockHistory}

其次,饼图不会自动将客户端组合在一起,并为相同的clientID添加距离。

请运行并查看代码段以获取详细信息。

&#13;
&#13;
{
    "UserData": 
    {
        "firstName": "Pieter"
        "history": 
        [
            {
                "clientID": 2,
                "distance": "130"
            },

            {
                "clientID": 3,
                "distance": "300"
            }

            ,

            {
                "clientID": 4,
                "distance": "430"
            }
        ]
    }
}
&#13;
&#13;
&#13;