Quantcast
Channel: SCN : All Content - SAPUI5 Developer Center
Viewing all articles
Browse latest Browse all 6178

XML Views - How to Apply Colors for the Bar

$
0
0

Hi Experts,

 

I am trying to apply colors for the Bar using Plot Area & Color Palete. I am unable to achieve it.

 

I am trying to achieve with below code but no success

 

<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.ui.commons"  xmlns:sap.viz.ui5="sap.viz.ui5"  xmlns:sap.viz.ui5.types="sap.viz.ui5.types" 

    xmlns:sap.viz.ui5.data="sap.viz.ui5.data"

  controllerName="barchartexample.BarChart" xmlns:html="http://www.w3.org/1999/xhtml"> 

  <ui5.Bar id="chart" xmlns="sap.viz" 

       width="540px" 

       height="400px"        

       > 

       <sap.viz.ui5:plotArea>

           <sap.viz.ui5.types:Bar secondaryValuesColorPalette="#F6A09B,#F9C3C0,#F58E88,#F8B1AD"

                primaryValuesColorPalette="#8FBADD,#B8D4E9,#7AAED6,#A3C7E3"

                colorPalette="#1f77b4,#aec7e8,#ff7f0e,#ffbb78">

           

                </sap.viz.ui5.types:Bar>

        </sap.viz.ui5:plotArea>

          

       <dataset> 

              <ui5.data.FlattenedDataset xmlns="sap.viz"> 

                 <dimensions> 

                      <ui5.data.DimensionDefinition xmlns="sap.viz" 

                                                             axis="1" 

                                                              value="{product}" 

                                                              name="prouduct"> 

                      </ui5.data.DimensionDefinition> 

                 </dimensions> 

                 <measures> <!-- sap.viz.ui5.data.MeasureDefinition --> 

                      <ui5.data.MeasureDefinition xmlns="sap.viz" 

                                                    value="{value}" 

                                                    name="number of items"> 

                      </ui5.data.MeasureDefinition> 

                 </measures> 

                 <measures> <!-- sap.viz.ui5.data.MeasureDefinition --> 

                      <ui5.data.MeasureDefinition xmlns="sap.viz" 

                                                    value="{value2}" 

                                                    name="number 2s"> 

                      </ui5.data.MeasureDefinition> 

                 </measures> 

                 <data path="/"> 

                 </data> 

       </ui5.data.FlattenedDataset> 

  </dataset> 

 

    </ui5.Bar> 

   

</core:View>

 


Thanks in advance.


Viewing all articles
Browse latest Browse all 6178

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>