Next
Update
Prev
Default

This sample TreeMap chart demonstrates how to automatically map values to colors using Color Axis. Try to mouse over a box in the chart, then you will see the tick on the color axis, the location of which is correspond to the value of the box.

...
  <TreeMapChart ... >
    <colorAxis>
      <ColorAxis id="colorAxis" maximum="400" minimum="0" interval="100" colors="[#fcd26b,#cc3635]" >
    </colorAxis>
    <series>
      <TreeMapSeries  ... >
        ...
      </TreeMapSeries>
    </series>
    ...
  </TreeMapChart>
...

<colorAxis>

colors The colors attribute is used to set the values to axis.
interval The interval attribute is used to set the interval to display the tick using the minimum and maximum values.
maximum The maximum attribute is used to set the maximum value of axis labels.
minimum The minimum attribute is used to set the minimum value of axis labels.

© 2017 KoolChart. All rights reserved.