<div class="col-sm-4 printable" style="margin-top: 2em;margin-bottom: 2em;">
        <h4>What is your profession?</h4>
<!-- end of _statisticsoutput_header -->
<!-- _statisticsoutput_graphs -->
            <!-- Charts -->
        <div class="row">
            <div class="col-sm-9 vcenter chartjs-container" id="chartjs-container-18" data-chartname="" data-qid="18" data-type="Bar" data-color="36">
 
                            <canvas class="canvas-chart " id="chartjs-18" width="484" height="364" data-color="36" style="width: 242px; height: 182px;"></canvas>
            </div>
 
            <!-- legends -->
                    </div>
 
<!-- Buttons to change graph type -->
        <div id="stats_599194X4X18" class="graphdisplay" style="text-align:center">
        </div>
 
<script>
    statisticsData['quid'+'18'] = {
        labels : ["Mayor","Other elected local ...","Municipal or local g...","Municipal or local g...","Staff from Central A...","Development or Human...","NGO","Private sector","Other","No answer"],
        grawdata : ["5","0","4","4","1","0","1","0","2","0"], // the datas to generate the graph  
    };
</script>
<!-- endof  _statisticsoutput_graphs -->
</div>