SAPUI5: Affichage graphique à secteurs diagramme à barres ou à l'aide de service OData de HANA DB

Je suis en train de travailler sur SAP HANA Développement de projet où j'ai besoin de développer une application d'INTERFACE utilisateur à l'aide de SAPUI5 et service Odata.

J'ai besoin d'une aide sur l'obtention de données de HANA table et affichage du graphique ou un Diagramme à barres.
Je suis l'obtention des données d'une table(oTable) à l'aide de service odata, mais ne pas pouvoir l'afficher dans le Graphique.

Veuillez trouver ci-dessous l'extrait de code:

{
var oModel = sap.ui.model.odata.ODataModel('link of the .xsodata' false);
var oTable = new sap.ui.table.Table({tableId: "tableID", visibleRowCount: 10}); 
oTable.setTitle("Transactions"); 
oTable.setModel(oModel);
oTable.bindRows('/Transactions');

var dataset = new sap.service.visualization.dataset.SimpleDMDataset();
dataset.setDataTable(oTable);

var pie = new sap.service.visualization.chart.Pie("myPie", {
    width: "700px",
    height: "400px",
    allDeSelectable: true,
    legendFirst: true,
    selectionMode: 'single',
    legendDirection: 'right',
    title: 'Transactions',
    titleHorizontalAlign: 'center',
    subTitle: 'Q1 - 2012',
    subTitleHorizontalAlign: 'center',
    showTitle: true,
    defaultSelectedSliceIndexes: [5],
    legendFormatString: ['0.00%'],
    tooltipTextFormatString: ['0.00%'],
    tooltipMainValueFormatString: ['#,##0'],
    tooltipSubValueFormatString: ['0.00%'],
    showLegend: true,
    pieType: 'pie',
    dataset: dataset
});

pie.placeAt("uiAreaForMyControls");
}

S'il vous plaît aidez-moi à obtenir le graphique affiche les données comme je suis nouveau et en phase d'apprentissage.

InformationsquelleAutor user3603973 | 2014-05-05
  1. 4

    J'ai remarqué que vous étiez en train d'utiliser sap.service.la visualisation de graphiques avec des données différentes de la réponse précédente, voici quelques exemples simples à l'aide de Comptoirs de services OData

    JSBin: à Savoir un camembert exemple

    JSBin: à Savoir la Barre Graphique de l'exemple - plus avancé utilise un filtre sur le dataset

    SAPUI5: Affichage graphique à secteurs diagramme à barres ou à l'aide de service OData de HANA DB

    InformationsquelleAutor Jasper_07
  2. 1

    La suite est très simple, Graphique circulaire en utilisant les Comptoirs de service OData, même format que XSODATA

    Il montre le pourcentage de Produits par Catégorie pour améliorer ce est utilisé pour obtenir le nom de catégorie - démonstration en direct

    SAPUI5: Affichage graphique à secteurs diagramme à barres ou à l'aide de service OData de HANA DB

    var sURI = 'http://services.odata.org/v3/Northwind/Northwind.svc/';
var oModel = new sap.ui.model.odata.ODataModel(sURI, true);


//Pie Chart
var oChart = new sap.makit.Chart({
    width : "100%",
    height: "80%",
    type : sap.makit.ChartType.Pie,
    legendPosition : sap.makit.LegendPosition.Top,
    valueAxis: new sap.makit.ValueAxis({}),
    categoryAxis: new sap.makit.CategoryAxis({}),
    category : new sap.makit.Category({
        column : "category",
    }),
    values : [new sap.makit.Value({
        expression : "products",
        format : "number",
    })],
});
oChart.addColumn(new sap.makit.Column({name:"category", value:"{Category/CategoryName}"}));
oChart.addColumn(new sap.makit.Column({name:"products", value:"{ProductID}", type:"number"}));
oChart.setModel(oModel);
oChart.bindRows({
     path: "/Products",
     parameters: {select: 'ProductID,Category/CategoryName',expand: 'Category'}
});
oChart.placeAt("content");
    InformationsquelleAutor Jasper_07