JavaScript
var chart = AmCharts.makeChart('serviceHitCountChartdiv',
{
'type': 'serial',
'theme': 'light',
'paddingRight': 0,
'color': '#000',
'pathToImages': '/images/',
'dataProvider': [{
"year": "7.00",
"value": 10,
"value1": 20,
"value2": 30,
}, {
"year": "8.00",
"value": 40,
"value1": 50,
"value2": 60,
}, {
"year": "9.00",
"value": 70,
"value1": 80,
"value2": 90,
}, {
"year": "10.00",
"value": 100,
"value1": 90,
"value2": 80,
}, {
"year": "11.00",
"value": 70,
"value1": 60,
"value2": 50,
}, {
"year": "12.00",
"value": 40,
"value1": 30,
"value2": 20,
}, {
"year": "13.00",
"value": 10,
"value1": 20,
"value2": 30,
}],
'valueAxes': [{
'id': 'v1',
'axisColor': '#6C757E',
'axisThickness': 2,
'gridAlpha': 1,
'axisAlpha': 1,
'position': 'left'
}],
'graphs': [{
'valueAxis': 'v2',
"balloonText": "[[year]] [[value]]",
'axisAlpha': 1,
'fillColors': '#e6c1c1',
'lineThickness': 3,
'lineColor': '#e6c1c1',
'lineAlpha': 2,
'color': '#65BF1C',
'bulletBorderThickness': 1,
'hideBulletsCount': 30,
'valueField': 'value',
"type": "smoothedLine",
'fillAlphas': 0.6
},
{ "valueAxis": "v3",
"balloonText": "[[year]] [[value1]]",
'axisAlpha': 1,
'fillColors': '#4f98c2',
"type": "smoothedLine",
'lineAlpha': 2,
"lineColor": "#4f98c2",
"valueField": "value1",
'color': '#65BF1C',
'fillAlphas': 0.6
},
{ "valueAxis": "v4",
"balloonText": "[[year]] [[value2]]",
'axisAlpha': 1,
'fillColors': '#4f98c2',
"type": "smoothedLine",
'lineAlpha': 2,
"lineColor": "#4f98c2",
"valueField": "value1",
'color': '#65BF1C',
'fillAlphas': 0.6
}],
'plotAreaBorderAlpha': 0,
'marginTop': 10,
'marginLeft': 0,
'marginBottom': 0,
'chartCursor': { 'cursorAlpha': 1, 'cursorColor': '#65BF1C' }, 'categoryField': 'year', 'categoryAxis': { "startOnAxis": true, 'axisColor': '#6C757E', 'forceShowField': 'forceShow', 'gridAlpha': 0.07, 'autoGridCount': true, 'dashLength': 2, 'gridCount': 2, 'guides': [{ inside: true}] } });