2.5.5. RadarChart

The RadarChart component allows you to create radar/polar charts.

radar chart
Figure 18. RadarChart

XML name of the component: chart:radarChart.

Data binding:

You can assign a CollectionContainer to the chart and then define the categoryField attribute for the radarChart element and valueField attribute for the nested graph element:

<chart:radarChart id="radarChart"
                  categoryField="country"
                  dataContainer="countryLitresDc"
                  height="100%"
                  startDuration="2"
                  theme="LIGHT"
                  width="100%">
    <chart:graphs>
        <chart:graph balloonText="[[value]] litres of beer per year"
                     bullet="ROUND"
                     valueField="litres"/>
    </chart:graphs>
</chart:radarChart>
RadarChart event listeners
  • AxisZoomListener – chart axis scaling.

  • ChartClickListener – click on the canvas.

  • ChartRightClickListener – right click on the canvas.

  • GraphClickListener – click on a graph.

  • GraphItemClickListener – click on a graph item.

  • GraphItemRightClickListener – right click on a graph item.

  • RollOutGraphListener – called when the user rolls-out of a graph.

  • RollOutGraphItemListener – called when the user rolls-out of the data item.

  • RollOverGraphListener – called when the user rolls-over a graph.

  • RollOverGraphItemListener – called when the user rolls-over data item.

For more details, see AmCharts documentation.