Chart With Gaps In Data (multiple lines)
by Hoang Thoan
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>
<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;
}
JavaScript
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"theme": "none",
"pathToImages": "http://www.amcharts.com/lib/3/images/",
"dataProvider": [{
"year": "1950",
"value": -0.307,
"value2": 0.1
}, {
"year": "1951",
"value": -0.168,
"value2": 0.12
}, {
"year": "1952",
"value": -0.073,
"value2": 0.13
}, {
"year": "1953",
"value": -0.027
}, {
"year": "1954",
"value": -0.251
}, {
"year": "1955",
"value": -0.281,
"value2": 0.2
}, {
"year": "1956",
"value": -0.348,
"value2": 0
}, {
"year": "1957",
"value": -0.074
}, {
"year": "1958",
"value": -0.011,
"value2": -0.1
}, {
"year": "1959",
"value": -0.074,
"value2": 0.1
}, {
"year": "1960",
"value": -0.124,
"value2": -0.13
}, {
"year": "1961",
"value": -0.024
}, {
"year": "1962",
"value": -0.022
}, {
"year": "1963",
"value": 0
}, {
"year": "1964",
"value": -0.296,
"value2": 0.1
}, {
"year": "1965",
"value": -0.217,
"value2": -0.2
}, {
"year": "1966",
"value": -0.147,
"value2": -0.21
}, {
"year": "1967",
"value2": -0.24
}, {
"year": "1968",
"value2": -0.21
}, {
"year": "1969",
"value2": -0.29
}, {
"year": "1970",
"value2": -0.31
},{
"year": "1971",
"value": -0.19,
...