time series Line for https://scn.sap.com/thread/3921868

https://scn.sap.com/thread/3921868

by Gabriel de Souza

HTML

<script id='sap-ui-bootstrap' type='text/javascript' src='https://sapui5.hana.ondemand.com/resources/sap-ui-core.js' data-sap-ui-libs="sap.m, sap.viz" data-sap-ui-theme="sap_bluecrystal">
    
</script>
<script id="myXml" type="text/xmldata">
    <mvc:View xmlns:core = "sap.ui.core"
    xmlns:mvc = "sap.ui.core.mvc"
    xmlns = "sap.m"
    controllerName = "myController"
    displayBlock = "true" >
    		<App>
        		<Page id = "p" title = "TimeSeries_Column"> 
            </Page>
	  		</App> 
    </mvc:View>
</script>
<body class='sapUiBody'>
    <div id='content'></div>
</body>

JavaScript

sap.ui.controller("myController", {
    onInit: function () {

        this.oPage = this.byId("p");
        var chartPopover = new sap.viz.ui5.controls.Popover();

  var oVizFrame = new sap.viz.ui5.controls.VizFrame({
	'width': '500px',
	'height': '480px',
	  'vizType' : 'timeseries_line',
	  'uiConfig':{"applicationSet":"fiori"},
    'vizProperties':{
			"legend":{"isScrollable":false},
			"title":{"visible":true,"text":"View1"},
			"interaction":{"noninteractiveMode":false,"selectability":{"legendSelection":false,"axisLabelSelection":false,"mode":"EXCLUSIVE","plotLassoSelection":false,"plotStdSelection":true}}, 
			"plotArea":{"window":{"start":"firstDataPoint","end":"lastDataPoint"}},
			"general":{},
			"valueAxis":{"title":{"visible":false,"text":"Sales Share"},"layout":{"maxWidth":0.4}},
			timeAxis:{
				"title":{"visible":false,"text":"Date"},
				"levels":["second", "minute", "hour"],
				"levelConfig":{
					"second":{visible: false},
					"minute":{row: 1},
					"hour":{visible:true, row:1}
				}
			}    
    }
  });
        var oData = {
            data: [
		{"Date":1271635200000,"Day-Month":"19-Apr","Sales Share":0.7},
		{"Date":1271642400000,"Day-Month":"06-May","Sales Share":0.59},
		{"Date":1271647980000,"Day-Month":"02-May","Sales Share":0.69},
		{"Date":1271685600000,"Day-Month":"12-Jun","Sales Share":0.3},
		{"Date":1271690520000,"Day-Month":"02-May","Sales Share":0.69},
		{"Date":1271691900000,"Day-Month":"12-Jun","Sales Share":0.3}
		        ]
        };

        var oJsonModel = new sap.ui.model.json.JSONModel(oData);
        // some dummy data:
 
        // set complete model 
				
        // now make dual chart on /data for Sales and Revenue:
        var dataset = new sap.viz.ui5.data.FlattenedDataset({
		'dimensions' : [{
			'name' : 'Date',
			'value' : "{Date}",
			'dataType': 'date'
		}],
		'measures' : [
		{
		  'name' : 'Sales Share', // 'name' is used as label in the Legend
		  'value' : '{Sales Share}' // 'value' defines the...