Generic Tile Comparison Data default Colors available

[Former Member]

Hi,

Observed that 3 types of colors available with color status Critical , Good , Error for Comparison  Data in Generic Tile. Are there any other available color status available to show extra rows.

Eventhough I tried to show 4 or 5 Comparison Data , It is showing only 3 in chart,

Regards,

Koti Reddy

[Former Member · Accepted solution]

Used below to code to display 4 types of comparison data. I am looking for more color values other than Good , Error and Criitical.

Right now I am able to display 3 rows only eventhough I maintained 4 comparison data.Please share suggetions to display more .

<s:GenericTile size="S" frameType="OneByOne" press="press">

                <s:tileContent>

                <s:TileContent footer="Current status" size="S">

                <s:content>

                <s:ComparisonChart size="S" scale="M">

                <s:data>

                <s:ComparisonData  title="Hello" value="90" color="Good"/>

                <s:ComparisonData  title="America" value="2060" color="Error"/>

                <s:ComparisonData  title="WI" value="10" color="Critical"/>

                <s:ComparisonData  title="RI" value="180" color="Good"/>

                </s:data>

                </s:ComparisonChart>

                </s:content>

                </s:TileContent>

              </s:tileContent>

             </s:GenericTile>

Regards,

Koti Reddy

[former_member182372 · Accepted solution]

https://sapui5.netweaver.ondemand.com/sdk/resources/sap/suite/ui/commons/ComparisonChartRenderer-dbg...

it supports just 3

use above as a base for custom control

[Former Member · Accepted solution]

Hi,

Do we have any other alternative option with standard controls in Tiles to display this kind of comparison chart for more than 4 data elements.

Regards,

Koti Reddy

[Former Member · Accepted solution]

Used below declarations to get more than 3 colors. I found Neutral as well and I am able to achiev

<s:GenericTile header="status" size="XS" class="marginTopLeft">

                <s:tileContent>

                <s:TileContent size="XS" class="marginTopLeft">

                <s:content>

                <s:ComparisonChart size="XS" height="5rem">

                <s:data>

                <s:ComparisonData  title="Hello" value="90" color="Good"/>

                <s:ComparisonData  title="America" value="2060" color="Error"/>

                <s:ComparisonData  title="WI" value="10" color="Critical"/>

                <s:ComparisonData  title="RI" value="180" color="Neutral"/>

                </s:data>

                </s:ComparisonChart>

                </s:content>

                </s:TileContent>

                </s:tileContent>

                </s:GenericTile>