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 the text box.

...
<Column2DChart ... >
...					
  <annotationElements>
    <CanvasElement>
      <Label text="This is the memo box." left="10" top="10" width="20" height="26" textAlign="center" fontSize="12" borderStyle="solid" borderColor="0x545454" borderThickness="2" backgroundAlpha="0.7" backgroundColor="0xff812d" fontFamily="Arial" paddingTop="4" />
    <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.
paddingTop The paddingTop attribute is to set the top padding of the text.

© 2017 KoolChart. All rights reserved.