Next
Update
Prev
Default

You can add a memo or annotation to the chart using the <Label> element tag which is defined as a child node of the <CanvasElement> element tag.

This sample chart is to show how to represent the memo or annotation with different color, font, size, ... etc.

...
<Column2DChart ... >
...					
  <annotationElements>
    <CanvasElement>
      <Label text="Example: Memo" width="140" height="22" bottom="70" textAlign="center" fontSize="12" color="#000000" borderColor="#7D7F7E" borderThickness="2" borderStyle="none" backgroundColor="#faf20d" fontFamily="Arial" />
      <Label text="Example: Color
Size" width="160" height="50" bottom="0" right="0" textAlign="center" fontSize="16" color="0xffffff" fontWeight="bold" borderColor="#555555" borderThickness="1" borderStyle="solid" backgroundColor="#0c88d0" backgroundAlpha="0.6" cornerRadius="6" fontFamily="Tahoma" />
    <CanvasElement>
  </annotationElements>
...

Label

text The text attribute is to set the text representing the memo or annotation.
left The left attribute is to set the left margin of the text.
right The right attribute is to set the right margin of the text.
bottom The bottom attribute is to set the bottom margin of the text.
top The top attribute is to set the top margin of the text.
width The width attribute is to set the width of the text.
height The height attribute is to set the height of the text.
textAlign The textAlign attribute is to set the text alignment. The valid values are "left", "right" and "center".
borderStyle The borderStyle attribute is to set the line style of the text border. The valid values are "solid", "none", and the default value is "none".
borderColor The borderColor attribute is to set the border color of the text box.
borderThickness The borderThickness attribute is to set the border thickness of the text box.
backgroundColor The backgroundColor attribute is to set the background color of the text box.
backgroundAlpha The backgroundAlpha attribute is to set the background transparency of the text box.
cornerRadius The cornerRadius attribute is to set the corner roundness of the border.

© 2017 KoolChart. All rights reserved.