#8735

by amcharts

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="ralenti"></div>

CSS

#ralenti {
	width		: 100%;
	height		: 500px;
	font-size	: 11px;
}

JavaScript

AmCharts.makeChart("ralenti",
        {
            "type": "serial",
            "pathToImages": "http://cdn.amcharts.com/lib/3/images/",
            "categoryField": "unidad",
            "mouseWheelZoomEnabled": false,
            "zoomOutOnDataUpdate": false,
            "startDuration": 0,
            "theme": "dark",
            "categoryAxis": {
                "gridPosition": "start"
            },
            "chartScrollbar": {},
            "trendLines": [],
            "graphs": [
                {
                    "balloonText": "Ralenti de [[unidad]]: [[ralenti]] minutos.",
                    "cornerRadiusTop": -2,
                    "fillAlphas": 1,
                    "lineAlpha": 0,
                    "gradientOrientation": "horizontal",
                    "fillColors": ['#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#1ABC9C', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085', '#16A085'],
                    "id": "AmGraph-1",
                    "type": "column",
                    "valueField": "ralenti"
                }
            ],
            "guides": [],
            "valueAxes": [
                {
                    "id": "ValueAxis-1",
                    "title": "Minutos"
                }
            ],
            "allLabels": [],
            "balloon": {},
            "dataProvider": [
                {
                    "unidad": "a",
                    "ralenti": "10"
                },
                {
                    "unidad": "b",
                    "ralenti": "9"
                },
                {
                    "unidad": "c",
                    "ralenti": "8"
                },
    ...