当前位置: 首页 > Web前端 > HTML5

SAPUI5SmartChart功能介绍

时间:2023-04-05 16:55:54 HTML5

作者写了一篇详细介绍如何使用SAPUI5SmartChart的文章:SAPUI5应用开发教程153-使用SAPUI5SmartChart控件轻松绘制十余种不同类型的专业图表本文概述了智能图表提供的一些附加功能。工具栏右侧的按钮可用于选择图表类型:跳转到按钮旁边的两个按钮可用于向上钻取和向下钻取。使用此功能,可以在图表中显示更详细的信息:如果我们将showDetailsButton和showDrillBreadcrumbs属性设置为true,我们还可以使用另一个向下钻取功能:显示一个标记为向下钻取的按钮。如果在图表中选择了一个列,此按钮将变为“详细信息”按钮。再次单击该按钮时,将出现一个弹出窗口,其中包含所选列的详细信息。进一步向下钻取时,可以在左侧看到向下钻取路径的面包屑路径,也可用于在图表中向上钻取。工具栏中此旁边的两个按钮放大或缩小。这将有助于用户更清楚地了解特定实体。工具栏中的下一个按钮是打开图表个性化对话框的设置图标:我们看到一个新控件已添加到view.xml。在SmartChart控件中,我们引用我们将在metadata.xml中看到的实体类型。通过将SemanticObjectController添加到SmartChart的semanticObjectController聚合,我们可以为特定实体启用链接数据的显示。我们还设置了enableAutoBinding="true",它会自动执行查询,并在加载SmartChart控件后立即显示结果。我们设置useVariantManagement="true"和persistenceKey="SmartChart_Explored"以启用视图管理。我们还设置useChartPersonalisation="true"以启用图表个性化。代码如下: