Webapp erweitern

function calculateChartHeight() {
        var pageHeaderHeight = 48;
        var consumptionPanelHeight = 48;
        var pushPanelHeight = 48;
        var listHeight = 193;
        var margins = 33;




        var staticHeight = pageHeaderHeight + consumptionPanelHeight
                + pushPanelHeight + listHeight + margins;
        var windowHeight = $(window).height();
        return (windowHeight - staticHeight) + "px";
    }




    function createDimensionFeed() {
        return new sap.viz.ui5.controls.common.feeds.FeedItem({
            "uid" : "axisLabels",
            "type" : "Dimension",
            "values" : [ 'Timestamp' ]
        });
    }




    function createMeasureFeed() {
        return new sap.viz.ui5.controls.common.feeds.FeedItem({
            "uid" : "primaryValues",
            "type" : "Measure",
            "values" : [ 'Value' ]
        });
    }




    function createDataSet() {
        return new sap.viz.ui5.data.FlattenedDataset({
            dimensions : [ {
                name : 'Timestamp',
                value : {
                    path : 'sensor>C_TIMESTAMP',
                    formatter : function(oValue) {
                        //can be a string primitive in JSON, but we need a number
                        if ((typeof oValue) === 'string') {
                            oValue = parseInt(oValue);
                        }
                        //ensure that UNIX timestamps are converted to milliseconds
                        var oDate = new Date(oValue * 1000);
                        return oDate.toLocaleString();
                    }
                }
            } ],
            measures : [ {
                name : 'Value',
                value : '{sensor>C_VALUE}'
            } ],
            data : {
                path : "sensor>/"
            }
        });
    }




    function createVizFrame() {
        var sHeight = calculateChartHeight();
        var oVizFrame = new sap.viz.ui5.controls.VizFrame({
            width : "100%",
            height : sHeight,
            vizType : "line",
            vizProperties : {
                plotArea : {
                    dataLabel : {
                        visible : false
                    }
                },
                legend : {
                    visible : false
                },
                title : {
                    visible : false
                },
                categoryAxis : {
                    title : {
                        visible : false
                    }
                }
            },
            xAxis : {
                title : {
                    visible : false
                }
            },
            yAxis : new sap.viz.ui5.types.Axis({
                scale : new sap.viz.ui5.types.Axis_scale({
                    fixedRange : true,
                    minValue : 0,
                    maxValue : 100
                })
            }),
            dataset : createDataSet()
        });
        oVizFrame.addFeed(createDimensionFeed());
        oVizFrame.addFeed(createMeasureFeed());
        $(window).resize(function() {
            var sHeight = calculateChartHeight();
            oVizFrame.setHeight(sHeight);
        });
        return oVizFrame;
}