Question

我已将JSONModel与sap.suite.ui.microchart.AreaMicroChart控件绑定，以在行 aggregation中显示点但图表未呈现。

请告诉我下面XML代码中的错误：

<micro:AreaMicroChart lines="{/}" id="areaMicroChart" isResponsive="true" minXValue="0" app:name="area" maxXValue="12" minYValue="0" maxYValue="999999" colorPalette="#b6d957" press="press">
    <micro:firstXLabel>
        <micro:AreaMicroChartLabel label="Jan" />
    </micro:firstXLabel>
    <micro:lastXLabel>
        <micro:AreaMicroChartLabel label="Dec" />
    </micro:lastXLabel>
    <micro:firstYLabel>
        <micro:AreaMicroChartLabel label="" color="Good" />
    </micro:firstYLabel>
    <micro:lastYLabel>
        <micro:AreaMicroChartLabel label="" />
    </micro:lastYLabel>
    <micro:lines>
        <micro:AreaMicroChartItem points="{path: 'aPrev', templateShareable: 'true' }">
            <micro:points>
                <micro:AreaMicroChartPoint x="{a}" y="{ZtotalSales}" />
            </micro:points>
        </micro:AreaMicroChartItem>
    </micro:lines>

</micro:AreaMicroChart>

JS代码：

onInit: function() {
    var aPrevMonths = [{
        ZtotalSales: "2123",
        a: "1"
    }, {
        ZtotalSales: "55545",
        a: "2"
    }, {
        ZtotalSales: "34342",
        a: "3"
    }];
    var oModel = new JSONModel({
        aPrev: aPrevMonths

    });
    this.byId("areaMicroChart").setModel(oModel);
}

Answer 1

在遇到同一问题时，我想分享我发现对我有用的解决方案。 microchart对于您在数据绑定中提供的数据类型非常特殊。因此，为确保其有效，您需要确保发送的是真实数字。在提供的示例中，数据结构应包含数字而不是字符串。所以它看起来应该像这样：

var aPrevMonths = [{
    ZtotalSales: 2123,
    a: 1
}, {
    ZtotalSales: 55545,
    a: 2
}, {
    ZtotalSales: 34342,
    a: 3
}];

希望这对其他人有帮助！

聚合绑定在AreaMicroChart中不起作用

1 个答案: