Next
Update
Prev
Default

The CSS styles for data labels can be set using the styleName attribute in the series element tags ( e.g. <Column3DSeries>, <Line2DSeries>, <RadarSeries> ).

This sample chart is to show how to display underlined text ( textDecoration : underline; ) for data labels.

The CSS styles must be defined in the <Style> element tag which is normally defined at the end of the layout ( just before </KoolChart> ). The name which is set to the value of the styleName attribute begins with the dot ( . ) character and is followed by the curly braces which contain CSS attributes and values.

...
<Column3DChart ...  >
'''
  <Column3DSeries ... styleName="seriesStyle" >
  ... 
  </Column3DSeries>
...
</Column3DChart>
<Style>>.seriesStyle{fontFamily:Arial;fontSize:11;color:0x0000FF;textDecoration:underline;}
</Style>
...

© 2017 KoolChart. All rights reserved.