<!DOCTYPE html>
<html lang="pt">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("visualization", "1", { packages: ["corechart", "bar"] });
        google.setOnLoadCallback(drawChart);

        function drawChart() {
            var data = google.visualization.arrayToDataTable(@Model.DataSource);

            //var options = {
            //    annotations: {
            //        textStyle: { color: 'white' }
            //    },
            //    backgroundColor: '#192B37',
            //    'title': '@Model.Titulo',
            //    titleTextStyle: { color: 'white'},
            //    chartArea: { left: '20', height: '80%', width: '80%' },
            //    hAxis: { baselineColor: 'white', textStyle: { color: 'white' } },
            //    isStacked: false,
            //    vAxis: { baselineColor: 'white', textStyle: { color: 'white' } },
            //    legend: {
            //        textStyle: { color: 'white' }
            //    }
            //};

            var options = {
                'title': '@Model.Titulo',
                chartArea: { left: '20', height: '80%', width: '80%'},
                isStacked: false
            };

            var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        };
    </script>
    <div id="chart_div" style="width:@Model.divWidthpx; height:@Model.divHeightpx;"></div>
</body>
</html>