Vizframe柱状图标签选择项计数问题

问题描述 投票:0回答:0

我遇到了一个奇怪的测试用例,即使 Vizframe 柱形图的最后两列中没有任何数据,如果您单击标签,弹出窗口也会显示“4 个项目已选择”。有没有办法显示实际选择的项目?就像在这种情况下,它应该是“选择了 2 个项目”。

代码

<viz:Popover id="idPopOver"></viz:Popover>
        <viz:VizFrame id="idVizFrame" uiConfig="{applicationSet:'fiori'}"
            height='100%' width="100%" vizType='column'>
            <viz:dataset>
                <viz.data:FlattenedDataset data="{/milk}">
                    <viz.data:dimensions>
                        <viz.data:DimensionDefinition name="Week"
                            value="{Week}" />
                    </viz.data:dimensions>
                    <viz.data:measures>
                        <viz.data:MeasureDefinition name="Revenue"
                            value="{Revenue}" />
                    </viz.data:measures>
                </viz.data:FlattenedDataset>
            </viz:dataset>

            <viz:feeds>
                <viz.feeds:FeedItem id='valueAxisFeed' uid="valueAxis" type="Measure"
                    values="Revenue" />
                <viz.feeds:FeedItem id='categoryAxisFeed' uid="categoryAxis" type="Dimension"
                    values="Week" />
            </viz:feeds>
        </viz:VizFrame>

数据

{
   "milk":[
      {
         "Week":"Spring '16",
         "Revenue":325020.45
      },
      {
         "Week":"Summer '16",
         "Revenue":464000.3
      },
      {
         "Week":"Autumn '16",
         "Revenue":0
      },
      {
         "Week":"Winter '16",
         "Revenue":0
      }
   ]
}
我希望在选择标签并出现弹出窗口时,最终项目计数应基于可用详细信息,例如,在4个项目2中的上述情况下,第2条记录中包含零作为收入属性中的值。所以它应该理想地显示“2 items selected”而不是“4 items selected”

我试过的配置:

let oVizFrame = this.oVizFrame = this.getView().byId("idVizFrame"); oVizFrame.setVizProperties({ general : { groupData : false }, plotArea: { dataLabel: { formatString: formatPattern.SHORTFLOAT_MFD2, visible: true, showTotal: true } }, legend : { visible : true }, valueAxis: { label: { formatString: formatPattern.SHORTFLOAT }, }, categoryAxis: { title: { visible: false } }, title: { visible: true }, tooltip: { visible: true }, interaction: { selectability: { mode: 'inclusive' } } });
    
sapui5
© www.soinside.com 2019 - 2024. All rights reserved.