首页 > 解决方案 > 如何更改“dual_stacked_combination”的 VizFrame 颜色

问题描述

我正在为 SAP ui5 项目实现 VizFrame 组件,所以我使用了“dual_stacked_combination”类型。

当我尝试应用颜色属性时,它不起作用,结果是一些堆叠的列具有相同颜色的渐变。

var scales = [{
'feed': 'color','palette': ['#ff9900', '#0090ea', '#00ff00', '#ff0000', '#f200ff', '#ffe100', '#00ffed', '#039660','#9e9e9e','#000000']}];

oVizFrameLine2.setVizScales(scales);

我希望堆叠列的每个部分都有自己的颜色

标签: sapui5

解决方案


使用vizProperties并设置plotArea.colorPalette为每个堆叠段获取不同的颜色

<viz:VizFrame id="idVizFrame" height="50%" width="100%"
 vizType='stacked_column' vizProperties="{ plotArea : {colorPalette: 
 ['#f00','#0f0','#00f']} }" >

推荐阅读