如何在sapui5中创建带有折线图的dual_stacked_column？

2020-08-24 11:56发布

3条回答

1楼-- · 2020-08-24 12:26

您好Durai检查我的代码以设置vizframe

 var jsonmodel = this.getOwnerComponent（）。getModel（" detailView"）;
 var arr = [];
 arr.push（{
 年：data.GrafYear1，
 目标：data.GrafTgt1，
 能力：data.GrafCpt1
 }）;


 arr.push（{
 年：data.GrafYear2，
 目标：data.GrafTgt2，
 能力：data.GrafCpt2
 }）;


 arr.push（{
 年：data.GrafYear3，
 目标：data.GrafTgt3，
 能力：data.GrafCpt3
 }）;


 jsonmodel.setProperty（"/img/graphArr"，arr）;
 var oVizFrame = this.oVizFrame = this.getView（）。byId（" idStackedChart"）;


 oVizFrame.setVizProperties（{
 plotArea：{
 dataLabel：{
 可见：真
 }
 }，
 工具提示：{
 可见：真
 }，
 标题：{
 文字：""
 }
 }）;
 var oDataset = new sap.viz.ui5.data.FlattenedDataset（{
 尺寸：[{
 名称："年"，
 值：" {Year}"
 }]，


 措施：[{
 名称："目标"，
 值：" {Target}"
 }，{
 名称："能力"，
 值：" {能力}"
 }]，


 数据：{
 路径："/img/graphArr"
 }
 }）;
 oVizFrame.setDataset（oDataset）;


 oVizFrame.setModel（jsonmodel）;
 var oFeedValueAxis = new sap.viz.ui5.controls.common.feeds.FeedItem（{
 " uid"：" valueAxis"，
 " type"：" Measure"，
 "值"：["目标"，"能力"]
 }）;


 var oFeedCategoryAxis = new sap.viz.ui5.controls.common.feeds.FeedItem（{
 " uid"：" categoryAxis"，
 " type"："维度"，
 "值"：["年份"]
 }）;
 oVizFrame.addFeed（oFeedValueAxis）;


 oVizFrame.addFeed（oFeedCategoryAxis）;