SAPUI5:将JSON文件HANA DB绑定到SAPUI5图表

时间:2016-06-03 15:22:38

标签: json sapui5

Heyho!

我一整天都试图将JSON文件的数据绑定到SAPUI5图表的数据模型,但没有成功。我错过了JSON文件和路径之间的数据集之间的链接。

添加的是包含独立代码但没有json文件的文件,该文件只包含calday和带有一些数据的计数器。通过将数据直接在脚本中定义为数据并在数据集中引用数据,似乎没有问题。我们最近在/ data路径上认识到了这一点。

<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title>Flattened DataSet bound to OData Entity with filter</title>
    <link rel="stylesheet" type="text/css" href="">

    <script id="sap-ui-bootstrap" src="https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js" type="text/javascript" data-sap-ui-libs="sap.ui.core,sap.viz" data-sap-ui-theme="sap_goldreflection">
    </script>
    <script>
    var oModelJSON  = new sap.ui.model.json.JSONModel();
    oModelJSON.loadData(file.json);

    var oDataset = new sap.viz.ui5.data.FlattenedDataset({
        dimensions: [{
            axis: 1,
            name: 'Calendar Day',
            value: "{calday}"
        }],
        measures: [{
            name: 'Counter',
            value: '{counter}'
        }],
        data: {
            path: "/data"
        }
    });

    var oChart = new sap.viz.ui5.Column({
        width: "80%",
        height: "400px",
        plotArea: {
            'colorPalette': d3.scale.category20().range()
        },
        title: {
            visible: true,
            text: 'Counter per Calendar Day'
        },
        dataset: oDataset
    });

    oChart.setModel(oModelJSON ); 
    oChart.placeAt("content");
    </script>

</head>

<body class="sapUiBody" role="application">
    <div id="content"></div>
</body>

</html>

0 个答案:

没有答案