堆叠条形图用于显示有关组成不同类别的子组的信息。在堆积条形图中,表示子组的条形图相互重叠,点云,人工智能的技术有哪些,形成一列,海淘客,或并排形成一条条形图。条形图的总高度或长度显示类别的总大小,同时使用不同的颜色或阴影来表示不同子组的相对贡献。
如果是双堆积柱/条形图,淘客小程序,两列/条形图相邻放置。
在我们的示例中,我将显示显示牛奶计数的双堆积柱/条形图,本年度和上年度各季度销售的糖和茶包
数据.Json:
JSON是一种非常轻量级的数据存储格式,可以直接用作SAPUI5应用程序的数据源。现在在应用程序的model文件夹中创建一个JSON文件。
指定JSON文件中的数据如下:
要在整个应用程序中访问上述JSON文件,请在下面的model中指定JSON文件URIsap.ui5版本中的节清单.json文件。我们将类型指定为JSON和URI,URI是JSON数据的路径,用于实例化JSON模型,如下所示
视图:
在视图中使用下面的名称空间
xmlns:即="sap.viz.ui5软件.控制"
xmlns:订阅源="sap.viz.ui5软件.控件.公用.feed"
xmlns:数据="sap.viz.ui5软件.data."
还使用度量和维度设置数据。
在我们的示例中,我以季度为维度,
上一年和本年销售的牛奶、糖和茶为度量。
控制器:
在init()控制器的函数获取json数据并使其可供视图访问。
输出:
输出显示当前和上一年度在特定季度销售的所有3个项目,按列的颜色区分。
在列表末尾显示特定季度在特定年度销售的项目总数列。
选择右上角的类别,显示如下图所示的图表。
点击特定的列切片,淘返利,数据显示如下图所示。
注意:如果要以双堆积条形图的形式显示相同的数据,视图中可以使用vizType Dual\ U Stacked\ U Bar代替Dual\ U Stacked\ U column。