The CSS Styles can be applied to the axis title. The axisTitleStyleName attribute in the corresponding axis renderer tags (e.g. <Axis2DRenderer>, <Axis3DRenderer>, .. etc.) must be set to the style name which is defined in the <Style> element tag.

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.

  <Column2DChart ... >
      <CategoryAxis id="hAxis" title="Month" ... />
      <LinearAxis id="vAxis" title="Dollars" ... />
      <Axis2DRenderer axis="{hAxis}" axisTitleStyleName="title" ... />
      <Axis2DRenderer axis="{vAxis}" axisTitleStyleName="title"/>
  <Style>>.title{color:0x4691E1; fontSize:12; fontWeight:bold; fontStyle:italic;}

© 2017 KoolChart. All rights reserved.