Jquery SAPUI5 VizFrame turn 90和xB0；向左（水平而不是垂直）

我使用的是VizFrame，是否可以将图形/图表向左或向右旋转90°，表示水平对齐而不是垂直对齐

    var chartPopover = new sap.viz.ui5.controls.Popover({});

    var oModel = new sap.ui.model.json.JSONModel({
        'businessData' : [
            {
                "Country" : "China",
                "Profit" : 100,
                "Forcast" : 200,
                "Target" : 20,
                "Revenue" : 20,
                "Revenue2" : 20,
                "Revenue3" : 512
            }, {
                "Country" : "Japan",
                "Profit" : 159,
                "Forcast" : 140,
                "Target" : 150,
                "Revenue" : 30,
                "Revenue2" : 100,
                "Revenue3" : 303
            }, {
                "Country" : "India",
                "Profit" : 129,
                "Forcast" : 120,
                "Target" : 100,
                "Revenue" : 200,
                "Revenue2" : 222,
                "Revenue3" : 263
            }, {
                "Country" : "France",
                "Profit" : 58,
                "Forcast" : 60,
                "Target" : 80,
                "Revenue" : 116,
                "Revenue2" : 152,
                "Revenue3" : 113
            }, {
                "Country" : "Austrilia",
                "Profit" : 149,
                "Forcast" : 120,
                "Target" : 150,
                "Revenue" : 249,
                "Revenue2" : 292,
                "Revenue3" : 443
            }, {
                "Country" : "Sweden",
                "Profit" : 49,
                "Forcast" : 60,
                "Target" : 55,
                "Revenue" : 1449,
                "Revenue2" : 242,
                "Revenue3" : 243
            }
        ]
    });

    var oDataset = new sap.viz.ui5.data.FlattenedDataset({
        'dimensions' : [
            {
                name : 'Country',
                value : "{Country}"
            }
        ],
        measures : [
            {
                name : 'Profit',
                value : '{Profit}'
            }, {
                name : 'Target',
                value : '{Target}'
            }, {
                name : "Forcast",
                value : "{Forcast}"
            }, {
                name : "Revenue",
                value : "{Revenue}"
            }, {
                name : 'Revenue2',
                value : '{Revenue2}'
            }, {
                name : "Revenue3",
                value : "{Revenue3}"
            }
        ],
        'data' : {
            'path' : "/businessData"
        }
    });

    var oVizFrame = new sap.viz.ui5.controls.VizFrame("vizFrame", {
        'uiConfig' : {
            'applicationSet' : 'fiori'
        },
        'vizType' : 'bullet'
    });

    oVizFrame.setVizProperties({
        plotArea : {
            colorPalette : [
                'sapUiChartPaletteSemanticNeutral'
            ],
            gap : {
                visible : true
            }
        },

        legend : {
            title : {
                visible : false
            }
        },

        title : {
            visible : true,
            text : 'Bullet (with gap enabled)'
        }
    });

    oVizFrame.setDataset(oDataset);
    oVizFrame.setModel(oModel);

    var feedPrimaryValues = new sap.viz.ui5.controls.common.feeds.FeedItem({
        'uid' : "primaryValues",
        'type' : "Measure",
        'values' : [
            "Profit"
        ]
    }), feedAxisLabels = new sap.viz.ui5.controls.common.feeds.FeedItem({
        'uid' : "axisLabels",
        'type' : "Dimension",
        'values' : [
            "Country"
        ]
    }), feedTargetValues = new sap.viz.ui5.controls.common.feeds.FeedItem({
        'uid' : "targetValues",
        'type' : "Measure",
        'values' : [
            "Target"
        ]
    });

    oVizFrame.addFeed(feedPrimaryValues);
    oVizFrame.addFeed(feedAxisLabels);
    oVizFrame.addFeed(feedTargetValues);

    oVizFrame.attachSelectData(function(event) {
        var data = event.getParameter('data');
        for ( var i = 0; i < data.length; i++) {
            console.log(oDataset.findContext(data[i].data))
        }
    });

    var chartPopover = new sap.viz.ui5.controls.Popover({});
    chartPopover.connect(oVizFrame.getVizUid());

但没有结果-感谢任何帮助

顺便说一下，是的，我可以使用旋转CSS，但我不想，因为这是某种“黑客”，我需要一个没有DOM注入的稳定图表。。谢谢

---

谢谢，zY

我不确定您是否还需要帮助，但您应该在定义图表时将图表类型从“项目符号”更改为“垂直项目符号”，如下所示：

new sap.viz.ui5.controls.VizFrame({
   ...
   vizType : "vertical_bullet",
   ...
})

应该由谁来做。 如果你想在飞行中完成这项工作，那就直接打电话给

   oVizFrame.setVizType("vertical_bullet");

功能

致以最良好的祝愿，

---

黑暗

我认为这是不存在的：属性类型的Setter。vizType只能通过构造函数中的设置参数进行设置。vizType是支持的图表类型或扩展图表类型的字符串。支持的图表类型：气泡、组合、列、条、线、堆叠的_条、堆叠的_列、项目符号、时间气泡。用户可以为这些受支持的图表类型传递“chartType”或“info/chartType”。如果在引导程序中加载UI5库时按shift+ctrl+alt+p，则会出现一个对话框，其中包含有关该库的一些信息。它为您说明了什么版本？1.24.4-问题是，在您的提案中定义了vizType，图形不再加载，它显示了一个错误。。如果我删除vizType并将其设置为bullet，它将再次工作。

   oVizFrame.setVizType("vertical_bullet");