asp.net中的谷歌饼图

时间:2011-10-05 11:57:45

标签: javascript jquery asp.net html

http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html

有人可以帮我删除饼图中的背景图片,背景为白色,我想删除它,但我不知道该怎么做请帮忙。

这是我的代码

   <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('string', 'Task');
            data.addColumn('number', 'Hours per Day');
            data.addRows(4);

            data.setValue(1, 0, 'Not Received');
            data.setValue(1, 1, <%= Session["gNotReceived"] %>);
            data.setValue(2, 0, 'Received');
            data.setValue(2, 1, <%= Session["gReceived"] %>);
            data.setValue(3, 0, 'Read');
            data.setValue(3, 1, <%= Session["gRead"] %>);



            var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
            chart.draw(data, { width: 450, height: 300, title: 'Message Status' });
        }
    </script>

2 个答案:

答案 0 :(得分:1)

Configuration options显示了如何更改背景颜色。如果你想让背景透明,我不确定这是否可行,因为图表在iframe中呈现(除非有办法将rgba值传递给它)。

答案 1 :(得分:1)

为什么不将背景颜色设置为透明?

而不是删除它

请点击此处了解详情:Use transparent backgrounds in Google Chart