JavaScript
var lineChartData = [{
date: new Date(2009, 10, 2),
value: 5},
{
date: new Date(2009, 10, 3),
value: 15},
{
date: new Date(2009, 10, 4),
value: 13},
{
date: new Date(2009, 10, 5),
value: 17},
{
date: new Date(2009, 10, 6),
value: 15},
{
date: new Date(2009, 10, 9),
value: 19},
{
date: new Date(2009, 10, 10),
value: 21},
{
date: new Date(2009, 10, 11),
value: 20},
{
date: new Date(2009, 10, 12),
value: 20},
{
date: new Date(2009, 10, 13),
value: 19},
{
date: new Date(2009, 10, 16),
value: 25},
{
date: new Date(2009, 10, 17),
value: 24},
{
date: new Date(2009, 10, 18),
value: 26},
{
date: new Date(2009, 10, 19),
value: 27},
{
date: new Date(2009, 10, 20),
value: 25},
{
date: new Date(2009, 10, 23),
value: 29},
{
date: new Date(2009, 10, 24),
value: 28},
{
date: new Date(2009, 10, 25),
value: 30},
{
date: new Date(2009, 10, 26),
value: 72,
customBullet: "http://www.amcharts.com/lib/images/redstar.png" // note, one line has a custom bullet defined
},
{
date: new Date(2009, 10, 27),
value: 43},
{
date: new Date(2009, 10, 30),
value: 31},
{
date: new Date(2009, 11, 1),
value: 30},
{
date: new Date(2009, 11, 2),
value: 29},
{
date: new Date(2009, 11, 3),
value: 27},
{
date: new Date(2009, 11, 4),
value: 26}];
AmCharts.ready(function() {
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = lineChartData;
chart.pathToImages = "http://www.amcharts.com/lib/images/";
chart.categoryField = "date";
// sometimes we need to set margins manually
// autoMargins should be set to false in order chart to use custom margin values
chart.marginLeft = 0;
chart.marginBottom = 22;
chart.marginTop = 0;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our...