<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="SingleBarGraphDTBlack.aspx.vb" Inherits="i9.Dashboard.SingleBarGraphDTBlack" %>

<!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.1", { packages: ["corechart", "geochart"] });
        google.load("visualization", "1", { packages: ["corechart", "bar"] });
        google.setOnLoadCallback(drawChart);

        function drawChart() {
            var data = google.visualization.arrayToDataTable(<%= TheData%>);

            var options = {
                isStacked: true,
                tooltip: { textStyle: { fontSize: 10 } },
                annotations: {
                    textStyle: { color: 'white' }
                },
                backgroundColor: '#192B37',
                'title': '<%= Titutlo%>',
                titleTextStyle: { color: 'white' },
                chartArea: { left: 30, top: 30, width: '90%' },
                hAxis: { baselineColor: 'white', minValue: 0, textStyle: { fontSize: 10, color: 'white' } },
                isStacked: true,
                vAxis: { baselineColor: 'white', maxValue: <%= maxValue%>, minValue: 0, textStyle: { fontSize: 10, color: 'white' } },
                legend: {
                    position: 'none'
                    //textStyle: { color: 'white' }
                }
            };

            var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
            //var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        };
    </script>
</head>

<body style="background-color: #192B37; overflow: hidden;">
    <div id="chart_div" style="width: 100%; height: 100%;"></div>
</body>
</html>
