Next
Update
Prev
Default
Old

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.

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

© 2017 KoolChart. All rights reserved.