Detailes value axis
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/xy.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
function formatLabel(value, valueString, axis){
var date = new Date(value);
console.log(date);
console.log(value);
var year = date.getFullYear();
var month = (1 + date.getMonth()).toString();
month = month.length > 1 ? month : '0' + month;
var day = date.getDate().toString();
day = day.length > 1 ? day : '0' + day;
var hour = date.getHours();
return year + '/' + month + '/' + day;
}
var chartConfig1 = {
"type": "xy",
"theme": "chalk",
"pathToImages": "../amcharts/amcharts/images/",
"dataDateFormat": "YYYY-MM-DD HH:mm:ss",
"autoMargins": true,
"marginLeft": 125,
"marginTop": 0,
"graphs": [{
"stackable": false,
"title": "ARAL",
"precision": 2,
"xField": "date",
"yField": "value1",
"bullet": "round",
"lineAlpha": 1,
"fillAlphas": 0,
"hidden": false,
"connect": false,
"balloonFunction": adjustBalloonText
}, {
"stackable": false,
"title": "OMV",
"precision": 2,
"xField": "date",
"yField": "value2",
"bullet": "round",
"lineAlpha": 1,
"fillAlphas": 0,
"hidden": false,
"connect": false,
"balloonFunction": adjustBalloonText
}, {
"stackable": false,
"title": "TOTAL",
"precision": 2,
"xField": "date",
"yField": "value3",
"bullet": "round",
"lineAlpha": 1,
"fillAlphas": 0,
"hidden": false,
"connect": false,
"balloonFunction": adjustBalloonText
}],
"legend": {
"position": "top",
"color": "white",
"valueText": "[[value]]",
"valueWidth": 120,
"valueAlign": "left",
"equalWidths": false
},
"chartCursor": {
"cursorAlpha": 0.5
},
"categoryField": "date",
"valueAxes": [{
"autoGridCount": true,
"gridCount": 10,
"stackType": "none",
"color": "white",
"gridAlpha": 0.5,
"gridcolor": "white",
"titleColor": "white",
"title": "Price"
},...