#8805
HTML
<script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/serial.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="chartdiv"></div>
CSS
#chartdiv {
width : 100%;
height : 500px;
font-size : 11px;
}
JavaScript
var chart;
var chartData = [];
var chartCursor;
var day = 0;
var firstDate = new Date();
firstDate.setSeconds(firstDate.getTime() - 20);
//firstDate.setSeconds(firstDate.getFullYear() - 20);
// generate some random data, quite different range
function generateChartData() {
for (i = 0; i < 20; i++) {
if (i > 5 && i < 15)
continue;
var newDate = new Date(firstDate.getTime());
newDate.setTime(newDate.getTime() + i);
//var newDate = new Date(firstDate.getFullYear());
//newDate.setFullYear(newDate.getFullYear() + i);
var visits = Math.round(Math.random() * 140) - 20;
chartData.push({
date: newDate,
visits: visits
});
}
}
function Test() {
// generate some data first
generateChartData();
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.pathToImages = "http://www.amcharts.com/lib/images/";
chart.dataProvider = chartData;
chart.categoryField = "date";
//chart.dataDateFormat = "YYYY-MM-DD HH:NN:SS.QQQ";//"YYYY";//;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "fff"; //"YYYY"// our data is daily, so we set minPeriod to DD
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0.2;
chart.addValueAxis(valueAxis);
// GRAPH
...