2011-07-08 18 views
7

Googleの円グラフAPIを使用しています。Google Chart API - 円グラフストロークのオプションが有効にならない

stroke:とstrokeWidth:のオプションを除いて、すべてうまくいきます。私が何を設定しても、何も変わりません。

私は暗い背景色を持ち、スライス間の線は白です。私はそれらを背景と同じ色に変更しようとしています。私はまた、これらの線の幅を変更することはできません。ここで

は私のコードです:

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

私はこのページのオプションから、GoogleのAPIを参照しています:

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

私が何か間違ったことをやったりしていた場合、私はわからないんだけどない。

あなたのご協力またはご援助が大変ありがとうございます。

ありがとう、 マイケル。

EDIT:

[OK]を、ので、私がいじった性質は、各スライスの外側のグラフ全体のストロークやないと懸念しているようです。私はまだ立ち往生している。誰も私がスライス間の白い隙間をどのように閉じることができるか知っていますか?私はこれについてGoogle上で何かを見つけることができません。

答えて

10

pieSliceBorderColorを使用してください。この質問は尋ねられて以来追加されているかもしれませんが、将来の参照のためにこれはあなたがそれを行う方法です。注:これは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

私のために働きます!ありがとう! – afternoon

関連する問題