html要素のid名をjavascriptで取得したい

今ループの中でgooglechartを使って行ごとにグラフを表示させたいと考えてます。
（そもそもこれができるかは不明ですが。。。）

その際、
javascriptのここ

var chart = new google.visualization.BarChart(document.getElementById('graph_bar'));

id名をhtmlから取得したid名（<div id="graph_bar{{$title->id}}" ></div> ←この部分）をつかって表記したいのですが
javascriptでID名を取得するには
どういったものがありますでしょうか。。？

なにかご教示いただけますと幸いです。
宜しくお願いいたします。

@foreach ($titles as $title)
{{$title->title_name}}

<?php $getData = App\Graph::getNumber($title->id)?>

<div id="graph_bar{{$title->id}}" ></div>     ←このID名をjavascriptでもってきたい


@endforeach


<script type="text/javascript">

    var barA= @json($getData->numberA);
    var barB = @json($getData->numberB);
    var barC= @json($getData->numberC);


    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawchart);

    function drawchart() {
        var data = google.visualization.arrayToDataTable([
            ['', '', '', ''],
            ['', barA, barB , barC],
        ]);
        var options = {
            isStacked: true,
            isStacked:'percent',
            legend: {position: 'none'},
            series: {
                0:{color:'red'},
                1:{color:'blue'},
                2:{color:'grey'},
            }
        };
        var chart = new google.visualization.BarChart(document.getElementById('graph_bar'));
        chart.draw(data, options);
    }
    $(window).resize(function(){
        drawchart();

    });

</script>