amcharts Column rotated series
by ashleeeidson
HTML
<script src="http://www.amcharts.com/lib/amcharts.js" type="text/javascript"></script>
<div id="chartdiv" style="width: 100%; height: 355px;"></div>
JavaScript
var chart;
var chartData = [{
country: "USA",
visits: 3025,
color: "#FF0F00"},
{
country: "China",
visits: 1882,
color: "#FF6600"},
{
country: "Japan",
visits: 1809,
color: "#FF9E01"},
{
country: "Germany",
visits: 1322,
color: "#FCD202"},
{
country: "UK",
visits: 1122,
color: "#F8FF01"},
{
country: "France",
visits: 1114,
color: "#B0DE09"},
{
country: "India",
visits: 984,
color: "#04D215"},
{
country: "Spain",
visits: 711,
color: "#0D8ECF"},
{
country: "Netherlands",
visits: 665,
color: "#0D52D1"},
{
country: "Russia",
visits: 580,
color: "#2A0CD0"},
{
country: "South Korea",
visits: 443,
color: "#8A0CCF"},
{
country: "Canada",
visits: 441,
color: "#CD0D74"},
{
country: "USA",
visits: 3025,
color: "#FF0F00"},
{
country: "China",
visits: 1882,
color: "#FF6600"},
{
country: "Japan",
visits: 1809,
color: "#FF9E01"},
{
country: "Germany",
visits: 1322,
color: "#FCD202"},
{
country: "UK",
visits: 1122,
color: "#F8FF01"},
{
country: "France",
visits: 1114,
color: "#B0DE09"},
{
country: "India",
visits: 984,
color: "#04D215"},
{
country: "Spain",
visits: 711,
color: "#0D8ECF"},
{
country: "Netherlands",
visits: 665,
color: "#0D52D1"},
{
country: "Russia",
visits: 580,
color: "#2A0CD0"},
{
country: "South Korea",
visits: 443,
color: "#8A0CCF"},
{
country: "Canada",
visits: 441,
color: "#CD0D74"}];
AmCharts.ready(function() {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.autoMarginOffset = 0;
chart.dataProvider = chartData;
chart.categoryField = "country";
chart.startDuration = 1;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.labelRotation = 45; // this line makes category values to be...