amCharts: base sample

HTML

<script src="http://www.amcharts.com/lib/amstock.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
    height: 400px;
    margin: 10px;
}

.amChartsButtonSelected {
   background-color:#CC0000;
   border-style:solid;
   border-color:#CC0000;
   border-width:1px;
   color:#FFFFFF;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 1px;   
}

.amChartsButton {
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#CCCCCC;
   border-width:1px;
   color:#000000;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 1px;  
}

JavaScript

var chart;
var chartData1 = [
  {date: new Date(2013, 7, 24, 0, 0, 0, 0), value:307201056014.74}, 
  {date: new Date(2013, 7, 24, 1, 0, 0, 0), value:336685889329.28}, 
  {date: new Date(2013, 7, 24, 2, 0, 0, 0), value:366705135471.46}, 
  {date: new Date(2013, 7, 24, 3, 0, 0, 0), value:349475973358.76}, 
  {date: new Date(2013, 7, 24, 4, 0, 0, 0), value:308353538930.21}, 
  {date: new Date(2013, 7, 24, 5, 0, 0, 0), value:250502932632.52}, 
  {date: new Date(2013, 7, 24, 6, 0, 0, 0), value:183381668196.38}, 
  {date: new Date(2013, 7, 24, 7, 0, 0, 0), value:133527367555.24}, 
  {date: new Date(2013, 7, 24, 8, 0, 0, 0), value:99109160850.482}, 
  {date: new Date(2013, 7, 24, 9, 0, 0, 0), value:77772699293.929}, 
  {date: new Date(2013, 7, 24, 10, 0, 0, 0), value:69955575317.244}
];
var chartData2 = [
  {date: new Date(2013, 7, 24, 0, 0, 0, 0), value:43468061886.511}, 
  {date: new Date(2013, 7, 24, 1, 0, 0, 0), value:46064945036.918}, 
  {date: new Date(2013, 7, 24, 2, 0, 0, 0), value:47826387682.26}, 
  {date: new Date(2013, 7, 24, 3, 0, 0, 0), value:45345521396.462}, 
  {date: new Date(2013, 7, 24, 4, 0, 0, 0), value:41195201594.231}, 
  {date: new Date(2013, 7, 24, 5, 0, 0, 0), value:36153599905.916}, 
  {date: new Date(2013, 7, 24, 6, 0, 0, 0), value:29358357499.264}, 
  {date: new Date(2013, 7, 24, 7, 0, 0, 0), value:24690456853.364}, 
  {date: new Date(2013, 7, 24, 8, 0, 0, 0), value:21989197899.329}, 
  {date: new Date(2013, 7, 24, 9, 0, 0, 0), value:20641341729.207}, 
  {date: new Date(2013, 7, 24, 10, 0, 0, 0), value:19744215702.296}
];
var chartData3 = [
  {date: new Date(2013, 7, 24, 0, 0, 0, 0), value:267234917085.58}, 
  {date: new Date(2013, 7, 24, 1, 0, 0, 0), value:294559971296.64}, 
  {date: new Date(2013, 7, 24, 2, 0, 0, 0), value:321833392450.86}, 
  {date: new Date(2013, 7, 24, 3, 0, 0, 0), value:307468551848.94}, 
  {date: new Date(2013, 7, 24, 4, 0, 0, 0), value:271387572288.16}, 
  {date: new Date(2013, 7, 24, 5, 0, 0, 0),...