$(function () {
        $('#connex-chart-container').highcharts({
            title: {
                text: null
            },
            chart: {
                type: 'column',
                height: 170,
                backgroundColor: {
                    linearGradient: [0, 0, 500, 500],
                    stops: [
                        [0, 'rgb(255, 255, 255)'],
                        [1, 'rgb(200, 200, 255)']
                    ]
                }
            },
            yAxis: {
                labels: {
                    enabled: false
                },
                title: {
                    text: null,
                    enabled: false
                }
            },
            xAxis: {
                labels: {
                    enabled: false
                },
                title: {
                    text: null,
                    enabled: false
                }
            },
            plotOptions: {
                column: {
                    stacking: 'percent'
                },
                series: {
                    dataLabels: {
                        enabled: true,
                        format: '{y} €'
                    }
                }
            },
            series: [{
                showInLegend: false,
                name: 'Marge 2',
                data: [<%= hash["data"]["chart"]["green"].to_i %>],
                color: '#228B22'
            }, {
                showInLegend: false,
                name: 'Marge 1',
                data: [<%= hash["data"]["chart"]["yellow"].to_i%>],
                color: '#FFA500'
            }, {
                showInLegend: false,
                name: 'Kosten',
                data: [<%=  hash["data"]["chart"]["red"].to_i%>],
                color: '#FF6347'
            }]
        });
    });