Step Line with no Risers for amCharts

by cristiscu

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
<script src="https://www.amcharts.com/lib/3/amcharts.js" type="text/javascript"></script>
<script src="https://www.amcharts.com/lib/3/serial.js" type="text/javascript"></script>
<div id="chart_div" style="width: 500px; height: 400px;"></div>

CSS

g
{
    stroke-linecap: round;
}

JavaScript

$(function () {
    AmCharts.makeChart("chart_div", {
        type: "serial",
    		categoryField: "year",
        graphs: [{
            valueField: "value",
            lineThickness: 9,
            type: "step",
            noStepRisers: true, // comment this ==> lineCap is "round"
            lineCap: "round", // this has no effect!
        }],
        dataProvider: [
        		{ year: 2000, value: 40 },
        		{ year: 2001, value: 66 },
        		{ year: 2002, value: 15 },
        		{ year: 2003, value: 51 },
        		{ year: 2004, value: 32 },
        ],
    });
});