Testing AmCharts

by ashleeeidson

HTML

<script src="http://www.amcharts.com/lib/amcharts.js" type="text/javascript"></script>
<div id="chartdiv" style="width: 100%; height: 362px;"></div>

JavaScript

var chart;
var legend;

var chartData = [{
    Mode: "Travel-Maintenance",
    Value: 450
}, {
    Mode: "Meals-Maintance",
    Value: 150
}, {
    Mode: "Travel-Demo",
    Value: 300
}, {
    Mode: "Other",
    Value: 25
}];

AmCharts.ready(function () {
    // PIE CHART
    chart = new AmCharts.AmPieChart();
    chart.dataProvider = chartData;
    chart.titleField = "Mode";
    chart.valueField = "Value";
    chart.outlineColor = "#FFFFFF";
    chart.outlineAlpha = 0.8;
    chart.outlineThickness = 2;
    // this makes the chart 3D
    chart.depth3D = 15;
    chart.angle = 30;
    chart.colors["#555555", "Green", "Yellow", "Orange"]

    // WRITE
    chart.write("chartdiv");
});