<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="SingleBarHorizontalGraphBlack.aspx.vb" Inherits="DashboardContabilidade.SingleBarHorizontalGraphBlack" %>

<!DOCTYPE html>
<html>
<head>
    <style>
        #print
        {
            float: right;
            font-family: Verdana;
            color: #0B62A4;
            font-size: 10px;
            right: 10px;
            bottom: 0;
            position: fixed;
            cursor: pointer;
        }
    </style>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("visualization", "1", { packages: ["corechart"] });
        google.setOnLoadCallback(drawChart);

        function drawChart() {

            var data = new google.visualization.DataTable();
            data.addColumn(<%= Column1%>);
            data.addColumn(<%= Column2%>);
            data.addRows(<%= TheData%>);

            var options = {
                annotations: {
                    textStyle: { color: 'white' }
                },
                backgroundColor: { fill: '#cde6f2' },
                bars: 'horizontal',
                //'title': '<%= Titutlo%>',
                //titleTextStyle: { color: 'black', alignment: 'center', fontSize: '11px' },
                titlePosition: 'none',
                <%= cores%>,
                hAxis: { title: '', minValue: 0, baselineColor: '#CCCCCC'},
                chartArea: { left: '50', height: '80%', width: '80%' },
                legend: { position: 'none' },
                vAxis: { title: '', baselineColor: '#CCCCCC'}
            };

            var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        }
    </script>
</head>
<body style="overflow:hidden;">
    <center>
        <h2 style="font-size: 11px!important; font-family: Arial!important; margin-bottom: 0rem!important"><%= Titutlo%></h2>
        <div id="chart_div" style="width: 280px; height: 180px">
        </div>
    </center>
</body>
</html>
