Next
Update
Prev
Default

You can design and decorate the axis to meet your tastes using the attributes below:

placement The placement attribute determines the location of the axis in the chart. The valid values are "left" and "right" for the vertical axis (default : "left"), and "top" and "bottom" for the horizontal axis (default : "bottom").
tickLength The tickLength attribute determines the tick length (unit : pixel, default : 3).
minorTickLength The minorTickLength attribute determines the minor tick length (unit : pixel, default : 0)
tickPlacement The tickPlacement attribute determines the location of the tick. The valid values are "inside", "outside", "cross", "none" (default : "outside").
minorTickPlacement The minorTickPlacement attribute determines the location of the minor tick. The valid values are "inside", "outside", "cross", "none" (default : "outside")
canDropLabels The canDropLabels attribute determines whether or not to skip labels automatically to fit the text in the space.
showLabels The showLabels attribute determines whether or not to display axis labels.
showLine The showLine attribute determines whether or not to display the axis line. The default value is "true".
axisStroke The axisStroke attribute sets the style of the axis line.
tickStroke The tickStroke attribute sets the style of the tick line.
minorTickStroke The minorTickStroke attribute sets the style of the minor tick line.
...
<Column3DChart ... >
'''
  <horizontalAxisRenderers>
    <Axis3DRenderer axis="{hAxis}" placement="bottom" tickLength="10" minorTickLength="0" tickPlacement="outside" minorTickPlacement="cross" canDropLabels="true" showLabels="true" showLine="true">
      <axisStroke>
        <Stroke weight="10" color="#4C9CFF"/>
      </axisStroke>
      <tickStroke>
        <Stroke weight="1" color="#00549b" alpha="1"/>
      </tickStroke>
      <minorTickStroke>
        <Stroke weight="1" color="#ffffff" alpha="1" caps="square"/>
      </minorTickStroke>
    </Axis3DRenderer>
  </horizontalAxisRenderers>
...
</Column3DChart>
...

© 2017 KoolChart. All rights reserved.