V3: Radar chart
HTML
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/radar.js"></script>
<div id="chartdiv" style="width: 100%; height: 362px;"></div>
JavaScript
var chart;
var chartData = [
{
"country": "Czech Republic",
"litres": 156.9,
"test": 0.2
},
{
"country": "Ireland",
"litres": 131.1,
"test": 0.3,
},
{
"country": "Germany",
"litres": 115.8,
"test": 0.8
},
{
"country": "Australia",
"litres": 109.9,
"test": 0.7
}
];
AmCharts.ready(function () {
// RADAR CHART
chart = new AmCharts.AmRadarChart();
chart.dataProvider = chartData;
chart.categoryField = "country";
chart.startDuration = 2;
// VALUE AXIS
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0.15;
valueAxis.minimum = 0;
valueAxis.dashLength = 3;
valueAxis.axisTitleOffset = 20;
valueAxis.gridCount = 5;
chart.addValueAxis(valueAxis);
var valueAxis1 = new AmCharts.ValueAxis();
valueAxis1.axisAlpha = 0.15;
valueAxis1.minimum = 0;
valueAxis1.axisColor = "#B0DE09";
valueAxis1.dashLength = 3;
valueAxis1.axisTitleOffset = 20;
valueAxis1.gridCount = 3;
chart.addValueAxis(valueAxis1);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.valueAxis = valueAxis;
graph.valueField = "litres";
graph.bullet = "round";
graph.balloonText = "[[value]] litres of beer per year";
chart.addGraph(graph);
var graph1 = new AmCharts.AmGraph();
graph1.valueAxis = valueAxis1; // we have to indicate which value axis should be used
graph1.valueField = "test";
graph1.bullet = "round";
graph.balloonText = "[[value]]";
chart.addGraph(graph1);
// WRITE
chart.write("chartdiv");
});