The code I did add are in strong characters:
var chartData = generatechartData();
function generatechartData() {
var chartData = [];
var firstDate = new Date();
firstDate.setDate(firstDate.getDate() – 150);
for (var i = 0; i < 150; i++) {
// we create date objects here. In your data, you can have date strings
// and then set format of your dates using chart.dataDateFormat property,
// however when possible, use date objects, as this will speed up chart rendering.
var newDate = new Date(firstDate);
newDate.setDate(newDate.getDate() + i);
var visits = Math.round(Math.random() * 100 – 50);
chartData.push({
date: newDate,
visits: visits
});
}
return chartData;
}
var chart = AmCharts.makeChart(“chartdiv”, {
“theme”: “none”,
“type”: “serial”,
“autoMargins”: false,
“marginLeft”:8,
“marginRight”:8,
“marginTop”:10,
“marginBottom”:26,
“pathToImages”: “https://www.amcharts.com/lib/3/images/”,
“dataProvider”: chartData,
“valueAxes”: [{
“axisAlpha”: 0,
“inside”: true
}],
“graphs”: [{
“balloonText”: “category<b>value: value</b>”,
“bullet”: “round”,
“bulletBorderAlpha”: 1,
“bulletBorderColor”: “#FFFFFF”,
“hideBulletsCount”: 50,
“lineThickness”: 2,
“lineColor”: “#fdd400”,
“negativeLineColor”: “#67b7dc”,
“valueField”: “visits”
}],
“dataProvider”: [{
“date”: “2013-10-23”,
“value”: 250
}, {
“date”: “2012-12-23”,
“value”: 300
}],
“chartScrollbar”: {
},
“chartCursor”: {
},
“categoryField”: “date”,
“categoryAxis”: {
“parseDates”: true,
“axisAlpha”: 0,
}
});
chart.addListener(“dataUpdated”, zoomChart);
zoomChart();
function zoomChart(){
chart.zoomToIndexes(130, chartData.length – 1);
}