Vizframe - 堆积柱形图类别轴

时间:2016-10-19 13:18:24

标签: charts sapui5

我正在尝试创建堆叠的柱形图,如图所示,但我想删除以黄色突出显示的“Effort”文本。

图表应显示(每天)人们在该项目上工作的小时数。

Stacked column chart

我有和XML视图:

<core:View controllerName="sap.ui.demo.myFiori.view.Main"
    xmlns:core="sap.ui.core" xmlns:viz="sap.viz.ui5.controls"
    xmlns:viz.feeds="sap.viz.ui5.controls.common.feeds" xmlns:viz.data="sap.viz.ui5.data"
    xmlns="sap.m">
    <App>
        <Page title="Reporting">
            <viz:VizFrame xmlns:viz="sap.viz.ui5.controls" id="idVizFrame"
                uiConfig="{applicationSet:'fiori'}" vizType="stacked_column" width="100%">
                <viz:dataset>
                    <dataSet:FlattenedDataset xmlns:dataSet="sap.viz.ui5.data" data="{/Time}">
                        <dataSet:dimensions>
                            <dataSet:DimensionDefinition name="Date" value="{date}">
                            </dataSet:DimensionDefinition>

                            <dataSet:DimensionDefinition name="Name" value="{name}">
                            </dataSet:DimensionDefinition>

                        </dataSet:dimensions>
                        <dataSet:measures>
                            <dataSet:MeasureDefinition name="Effort" value="{real_effort}">
                            </dataSet:MeasureDefinition>
                        </dataSet:measures>
                    </dataSet:FlattenedDataset>
                </viz:dataset>
                <viz:feeds>
                    <feed:FeedItem xmlns:feed="sap.viz.ui5.controls.common.feeds"
                        uid="valueAxis" type="Measure" values="Effort"/>
                    <feed:FeedItem xmlns:feed="sap.viz.ui5.controls.common.feeds"
                        uid="categoryAxis" type="Dimension" values="Date" />
                    <feed:FeedItem xmlns:feed="sap.viz.ui5.controls.common.feeds"
                        uid="color" type="Dimension" values="Name" />
                </viz:feeds>
            </viz:VizFrame>
        </Page>
    </App>
</core:View>

在onInit函数的控制器中,我尝试设置vizProperties。但是当我将categoryAxis标签的 hidSubLevels 设置为true时,日期就会消失。我不明白为什么“Effort”会显示为类别,因为它被定义为度量而非类别。有人可以建议如何做这样的图表没有类别“努力”(图片上的黄色突出显示)?

var oVizFrame = this.getView().byId("idVizFrame");
oVizFrame.setVizProperties({
  interaction: {
    behaviorType: null
  },
  plotArea: {
    dataLabel: {
      visible: false
    }
  },
  valueAxis: {
    title: {
      visible: true,
    },
  },
  categoryAxis: {
    title: {
      visible: false,
      text: 'Category text'
    },
    label: {
      hideSubLevels: false
    },
  },
  title: {
    visible: true,
    text: 'Project'
  },
  tooltip: {
    visible: true,
  }
});

1 个答案:

答案 0 :(得分:0)

将categoryAxis的可见性设置为false似乎是正确的方法。我拿了你的代码把它放进了一个Plunker,它在那里工作。

请您删除尽可能多的其他配置并再试一次。如果这没有帮助,您能否请更新我的Plunker并创建一个可运行的问题版本?也许它也是一个UI5版本问题。您也可以尝试升级到更新版本。

这是我的Plunker: https://embed.plnkr.co/td2ANcu0F2lZVgd7dfTC/