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

<!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>

    <!--Load the AJAX API-->
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">

        // Load the Visualization API and the piechart package.
        google.load('visualization', '1.0', { 'packages': ['corechart'] });

        // Set a callback to run when the Google Visualization API is loaded.
        google.setOnLoadCallback(drawChart);

        // Callback that creates and populates a data table,
        // instantiates the pie chart, passes in the data and
        // draws it.
        function drawChart() {

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

            var options = {
                pieSliceText: 'label',
                backgroundColor: { fill: '#cde6f2' },
                //'title': '<%= Titutlo%>',
                //titleTextStyle: { color: 'black' },
                titlePosition: 'none',
                <%= cores%>,
//                legend: {position: 'none'},
                legend: {
                    textStyle: 
                        {
                        color: 'black', fontSize: 10, fontName: 'Arial'
                        }
                    },
                chartArea: {left: 20, top: 15, right: 45, width:'75%',height:'45%' }
            };

            // Instantiate and draw our chart, passing in some options.
            var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
            chart.draw(data, options);  
            //document.getElementById('donutChart').style.backgroundColor=<%= corBody%>;
            
        }

        
    </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:350px; height:250px;"></div>
    </center>
</body>
</html>
