Next
Update
Prev

The legend of the chart can be created using the <Legend> element tag. This sample chart demonstrates how to create the legend at the right (default location) of the chart.

<KoolMap
  ...				
  <Legend ... position="right" ... />
</KoolMap>

<Legend Properties>

backgorundColor This property is to set the background color.
borderColor This property is to set the border color.
borderStyle This property is to set the style of the border line (none, solid, inset, outset, default value : none).
color This property is to set the text color.
direction This property is to set the display direction of the item of legend (horizontal,vertical, default value : vertical).
disabledColor This property is to set the color of the disabled text.
fontFamily This property is to set the font name.
fontSize This property is to set the font size by pixel.
fontStyle This property is to set the font style (italic, normal, default value : normal).
fontWeight This property is to set the font weight (bold, normal, default value : normal).
horizontalGap This property is to set the horizontal space between two items (default value : 8).
labelPlacement This property is to set the label location over the marker of legend (right, left, top, bottom, default value : right).
paddingBottom This property is to set the bottom space (default value : 5).
paddingLeft This property is to set the left space (default value : 5).
paddingRight This property is to set the right space (default value : 5).
paddingTop This property is to set the top space (default value : 5).
position This property is to set the legend location (bottom, left, right, default value : bottom).
textDecoration This property is to set the text decoration (underline, none, default value : none).
useVisibleCheck Whether or not to display the check box to select the visible items (true, false, default value : false).
verticalGap This property is to set the vertical space between two items (default value : 7).

© 2017 KoolChart. All rights reserved.