làm thế nào để làm cho google Biểu đồ hình tròn nền api transperent

Question

này là mã google cho bánh char apt: -

<script type="text/javascript"> 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Topping'); 
     data.addColumn('number', 'Slices'); 
     data.addRows([ 
      ['Mushrooms', 3], 
      ['Onions', 1], 
      ['Olives', 1], 
      ['Zucchini', 1], 
      ['Pepperoni', 2] 
     ]); 

     var options = {backgroundColor: '#676767', 
         'width':400, 
         'height':300}; 

     var chart = new google.visualization.PieChart(document.getElementById('priority_customers_report')); 
     chart.draw(data, options); 
     } 
    </script> 

Ở đây backgroundColor: '#676767' cho chúng ta màu bây giờ tôi muốn nó được minh bạch, làm thế nào tôi có thể làm điều đó ?

Và cách đặt văn bản ở dưới cùng? Vì nó không rõ ràng trong Google Tài liệu, thực sự khó hiểu.

này có liên quan đến Simple Pie Chart of Google

Answer 1

các nền trong suốt có thể được thiết lập với:

var options = {backgroundColor: 'transparent', 
        'width':400, 
        'height':300}; 

Bạn cũng có thể thiết lập các tiêu đề đó:

var options = {backgroundColor: 'transparent', 
        'width':400, 
        'height':300, 
        'title' : 'My Chart'}; 

Edit: Để thiết lập các mục bên phải để hiển thị tại sử dụng dưới:

var options = {backgroundColor: 'transparent', 
        'width':400, 
        'height':300, 
        'title' : 'My Chart' 
        legend : { position : 'bottom' } 
        }; 

Danh sách các tùy chọn có thể là here.

Answer 2

tôi có câu trả lời backgroundColor: '#676767' với backgroundColor: {fill: 'transparent'} và nó sẽ làm cần thiết.

này sẽ không hoạt động trên IE như IE không hỗ trợ minh bạch, chúng ta vẫn có thể thêm màu của sự lựa chọn của chúng tôi bằng cách viết mã này: -

Với một chút sự giúp đỡ từ jQuery:

// check for IE 
if ($.browser.msie) { 
    options2['backgroundColor'] = {fill: <color>}; 
} 

else { 
    options2['backgroundColor'] = {fill: 'transparent'}; 
} 

tôi vẫn không thể thiết lập vị trí ở phía dưới ....

Answer 3

Trong IE, sử dụng jQuery, bạn có thể làm như sau để thiết lập nền của biểu đồ để minh bạch:

$('#vis iframe').attr('allowTransparency', 'true'); 
$('#vis iframe').contents().find('body').css('background', 'transparent'); 

nơi #vis là id của div nơi biểu đồ là lúc.