Next
Update
Prev
Default

The CSS Styles can be applied to Chart's title and subtitle.

If you want to represent title and subtitle using the CSS styles, you must set the styleName attribute of the <Caption> and <SubCaption> element tags, and the value of the styleName attributes ( captionStyle, subCaptionStyle ) must be defined in the <Style> element tag. The style name begins with the dot ( . ) character and is followed by the curly braces which contain CSS attributes and values.

This sample chart is to show how to represent title and subtitle using the CSS styles.

<KoolChart styleName="KoolChartStyle" />
  <Options>
    <Caption text="Monthly Report" styleName="captionStyle" />
    <SubCaption text="KoolChart" textAlign="center" styleName="subCaptionStyle" />
  </Options>
  ...
  <Line2DChart ... axisTitleStyleName="chartAxisStyle" >  
...
<Style>>.KoolChartStyle{backgroundColor:#FFFFFF;borderColor:#666600;cornerRadius:0;borderThickness:2;borderStyle:solid;}
.captionStyle{fontFamily:"Arial";textDecoration:underline;fontWeight:normal;fontSize:14;color:#FF0000;}
.subCaptionStyle{fontFamily:Tahoma;fontStyle:italic;fontSize:12;color:#777777;}
.chartAxisStyle{fontSize:12;color:#FF6600;fontFamily:Tahoma;} </Style> ...

© 2017 KoolChart. All rights reserved.