Line Chart with amCharts

by cristiscu

HTML

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
	width	: 100%;
	height	: 500px;
}

JavaScript

AmCharts.makeChart("chartdiv", {
    type: "serial",
		chartCursor: { cursorAlpha: 0 },

		categoryField: "year",
    graphs: [{
        bullet: "round",
        valueField: "value"
    }],

		dataProvider: [{
        "year": "1950",
        "value": -0.307
    }, {
        "year": "1951",
        "value": -0.168
    }, {
        "year": "1952",
        "value": -0.073
    }, {
        "year": "1953",
        "value": -0.027
    }, {
        "year": "1954",
        "value": -0.251
    }],
});