Button 将所选条形图（vizframe条形图）连接到按钮

我已经有了一个barplot 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> 

渲染图表：

---

[

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

<Button press=".onPress"/>


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

onPress:function（）{
const selectedSkills=this.getView（）.byId（“idVizFrame”）.vizSelection（）；
//对你的选择做一些有用的事情
}