将选定的条形图（vizframe条形图）连接到按钮

Question

我已经有一个barilot ui5 vizframe，但我想允许用户选择其中一些酒吧，将每个元素id添加到列表中，然后通过按钮发送该列表，以便在菜单栏上显示更详细的图形fragment.xml视图。

在我的图片示例中，选择是数学，ASP和C＃。

这里是主图形面板的view.xml：

<f:Card class="sapUiTinyMargin tileLayout" width="96%" visible="{config>/useFeatureEnableDemoFunctionality}">
    <f:layoutData>
        <grid:GridItemLayoutData gridRow="span 2"/>
    </f:layoutData>
    <f:header>
        <card:Header title="Skills popularity" subtitle="List of skills and tools ordered by how many people mentioned it in their profile"/>
    </f:header>
    <f:content>
        <viz:VizFrame id="idVizFrame" uiConfig="{applicationSet:'fiori'}" height='100%' width="100%" vizType='bar'>
            <viz:dataset>
                <viz.data:FlattenedDataset data="{path:'/PopularSkills', length: 30, sorter:{ path: 'MembersCount', descending: true }}">
                    <viz.data:dimensions>
                        <viz.data:DimensionDefinition name="Label" value="{Label}"/>
                    </viz.data:dimensions>
                    <viz.data:measures>
                        <viz.data:MeasureDefinition name="Popularity" value="{MembersCount}"/>
                    </viz.data:measures>
                </viz.data:FlattenedDataset>
            </viz:dataset>
            <viz:feeds>
                <viz.feeds:FeedItem id='valueAxisFeed' uid="valueAxis" type="Measure" values="Popularity"/>
                <viz.feeds:FeedItem uid="categoryAxis" type="Dimension" values="Label"/>
            </viz:feeds>
        </viz:VizFrame>
        <!--<Button icon="sap-icon://log" class="sapUiTinyMargin" text='Analyse selection' press="ButtonSkillSelection"/>-->
    </f:content>
</f:Card> 

渲染图：

[<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS90c2w0TC5wbmcifQ==” alt =“ vizframe graph]”>] >>

我已经有一个barilot ui5 vizframe，但我想允许用户选择其中的一些bar，将每个元素id添加到列表中，然后通过按钮发送该列表以显示更多...] >

Answer 1

这是一种在VizFrame中检索选定项目的方法：

<Button press=".onPress"/>


onPress: function(){
 const selectedSkills = this.getView().byId("idVizFrame").vizSelection();
 //Do something useful with your selection
}