消除ui5中图表列之间的差距

Question

我正在研究以图表格式显示数据的sap fiori项目。在双系列图表中，我想删除列之间的间隙，您可以在下面看到：

我尝试搜索vizframe的属性。

<layout:flexContent>
            <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:MeasureDefinition name="Cost"
                                value="{Cost}" />
                        </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>
        </layout:flexContent>

Answer 1

您可以使用vizProperties并设置plotArea => gap => innerGroupSpacing

<viz:VizFrame id="idVizFrame" uiConfig="{applicationSet:'fiori'}"
              height='100%' width="100%" vizType='column'
              vizProperties="{ plotArea : {gap: {innerGroupSpacing:0}} }">