The Graph Panel Components correspond to the Votes Field, the Hits Field and the Ratings Field in the Sample Data file. These panels display bar graphs relating to the number of received hits, votes or ratings for each of the Sample Data items in the Sample Data set. In order to economise on UI display space requirements, these panels occupy the exact same space within the UI. The end-user can toggle between views of each of the defined Graph Panels via the View Controls.  
 
The following three Graph Panels exist:  
 
The Votes Panel  
The Hits Panel  
The Ratings Panel  
 
 
Since each of these Panels shares the same size and location, they each share the same location related Properties. Hence a generic <GraphPanels> Tag is provided for defining values for these common Properties as well as some other Properties that may also either be shared by all the Graph Panels or be optionally overridden by each specific Graph Panel Component.  
 
 
 
 
Custom XML Tag  
 
Use the following XML tag to define common Graph Panel Component Properties within your Custom XML file:  
 
 
<GraphPanels />  
 
 
 
 
 
 
Common Properties  
  
The following Properties may only be defined as attributes of the <GraphPanels> tag and are common to each of the three Graph Panels:  
 
Location Properties  
Use these Properties to specify the size and location of the Graph Panels within the UI.  
 
Margins Properties  
Use these Properties to set the left, right, top and bottom margins within which the panels' contextual information is displayed  
 
Generic Panel Properties  
Use these Properties to set the spacing between Sample Data items; whether the array of Sample Data items is arranged horizontally or vertically;  
 
Alignment  
Use this Property to specify whether the graph bars are left or right aligned within the panel.  
 
 
 
 
Optional Common Properties  
  
The following Properties may optionally be defined as attributes of the <GraphPanels> tag and if so will be common to each of the three Graph Panels. With the exception of the Component Visibility Property; if any other of the following Properties are defined both under the <GraphPanels> tag and a specific Graph Panel tag (ie: <VotesPanel>) then the value defined under the specific Graph Panel tag will take precedence for that Panel.  
 
Component Visibility  
Use this Property as a quick way to exclude all the Graph Panels from the UI.  
 
Image Properties  
Use these Properties in order to set the panel background image.  
 
Opacity Properties  
Use this Property to set the Component image opacity.  
 
Graph Bar Properties  
Use these Properties to set the graph bar images.  
 
 
 
 
Default Property Values  
  
The following default common Property values are defined for the <GraphPanels> tag:  
 
Property Name
Default Value
Visible
true
X
undefined
Y
undefined
Width
undefined
Height
undefined
Margins
0, 0, 0, 0
Scale
20
Horizontal
false
Align
left
UseBarMask
false
Image
default
Opacity
100
BorderRadius
0
BorderColour
0
BorderWeight
0
Colours
undefined
FGBarImage
default
FGBarOpacity
100
FGBarBorderRadius
0
FGBarBorderColour
0xC68CDF
FGBarBorderWeight
1
FGBarColours
0x8A9EE1
BGBarImage
default
BGBarOpacity
100
BGBarBorderRadius
0
BGBarBorderColour
0xC68CDF
BGBarBorderWeight
1
BGBarColours
0xD0BDF7