#7001
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>
<div id="chartdiv"></div>
CSS
#chartdiv {
width : 100%;
height : 500px;
}
JavaScript
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"pathToImages": "http://cdn.amcharts.com/lib/3/images/",
"categoryField": "date",
"dataDateFormat": "YYYY-MM-DD HH:NN:SS",
"theme": "default",
"categoryAxis": {
"minPeriod": "127ss",
"parseDates": "trued",
"gridCount":200
},
"chartCursor": {
"categoryBalloonDateFormat": "JJ:NN:SS[]"
},
"chartScrollbar": {},
"trendLines": [],
"graphs": [
{
"connect": false,
"fillAlphas": 0.7,
"id": "Ensemble 1",
"lineAlpha": 0,
"title": "Ensemble 1",
"valueField": "column-1"
},
{
"connect": false,
"fillAlphas": 0.7,
"id": "Ensemble 2",
"lineAlpha": 0,
"title": "Ensemble 2",
"valueField": "column-2"
}
],
"guides": [],
"valueAxes": [
{
"id": "ValueAxis-1",
"title": "Axis title",
"gridCount":200
}
],
"allLabels": [],
"balloon": {},
"legend": {},
"titles": [
{
"id": "Title-1",
"size": 15,
"text": "Chart Title"
}
],
"dataProvider": [
{
"column-1":"50",
"date":"2014-06-03 00:00:00"
},
{
"column-1":"50",
"date":"2014-06-03 00:00:00"
},
{
"column-1":"50",
"column-2":"5",
"date":"2014-06-03 00:02:07"
}
]
}
);
chart.addListener("rendered", zoomChart);
zoomChart();
function zoomChart(){
chart.zoomToIndexes(chart.dataProvider.length - 40, chart.dataProvider.length - 1);
}