2011-07-08 45 views
7

Tôi đang phát xung quanh với API biểu đồ hình tròn của Google.API biểu đồ Google - Tùy chọn Stroke biểu đồ tròn không ảnh hưởng đến

Mọi thứ đều hoạt động tốt, ngoại trừ các tùy chọn cho đột quỵ: và strokeWidth:. Cho dù tôi đặt chúng ra sao, không có gì thay đổi.

Tôi có màu nền tối và các đường giữa các lát có màu trắng. Tôi đang cố gắng thay đổi chúng thành màu giống như nền. Tôi cũng không thể thay đổi chiều rộng của các dòng này.

Đây là mã của tôi:

<script src="https://www.google.com/jsapi"></script> 
<script> 

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(5); 
    data.setValue(0, 0, 'Work'); 
    data.setValue(0, 1, 11); 
    data.setValue(1, 0, 'Eat'); 
    data.setValue(1, 1, 2); 
    data.setValue(2, 0, 'Commute'); 
    data.setValue(2, 1, 2); 
    data.setValue(3, 0, 'Watch TV'); 
    data.setValue(3, 1, 2); 
    data.setValue(4, 0, 'Sleep'); 
    data.setValue(4, 1, 7); 

    // Create and draw the visualization. 
    new google.visualization.PieChart(document.getElementById('poll-chart')). 
    draw(data, { 

     title:"", 
     fontSize: "12", 
     legend: "none", 
     width: 200, 
     height: 200, 
     chartArea: { left: 0, top: 0, width: "100%", height: "100%"}, 
     backgroundColor: { stroke: "#5A5A5A", strokeWidth: 5, fill: "#5A5A5A" } 

    }); 
} 

</script> 

Tôi đang tham khảo các API của Google từ các tùy chọn trên trang này:

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

Tôi không chắc chắn nếu tôi làm điều gì sai hoặc không phải.

Trợ giúp hoặc bằng chứng của bạn sẽ được đánh giá cao!

Xin cảm ơn, Michael.

EDIT:

Ok, vì vậy nó có vẻ như các thuộc tính tôi đang rối tung với có liên quan với đột quỵ ngoài của toàn bộ biểu đồ và không cho mỗi lát. Tôi vẫn bị mắc kẹt. Có ai biết làm thế nào tôi có thể đóng những khoảng trống giữa các lát? Tôi không thể tìm thấy bất cứ điều gì trên Google về điều này.

Trả lời

10

Sử dụng pieSliceBorderColor. Điều này có thể đã được thêm vào kể từ khi câu hỏi này được hỏi nhưng đối với bất kỳ tài liệu tham khảo trong tương lai này là cách bạn làm điều đó. Lưu ý: điều này sẽ chỉ hoạt động trên biểu đồ hình tròn 2D

new google.visualization.PieChart(document.getElementById('poll-chart')). 
    draw(data, { 

     title:"", 
     fontSize: "12", 
     legend: "none", 
     width: 200, 
     height: 200, 
     chartArea: { left: 0, top: 0, width: "100%", height: "100%"}, 
     backgroundColor: { stroke: "#5A5A5A", strokeWidth: 5, fill: "#5A5A5A" }, 

     // add this line 
     pieSliceBorderColor : "#5A5A5A" 
    }); 
+0

Làm việc cho tôi! Cảm ơn! – afternoon

Các vấn đề liên quan