7

Google円グラフ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

私が何か間違ったことをしているのかどうかはわかりません。

あなたの助けや指導は大歓迎です!

ありがとう、マイケル。

編集：

さて、私がいじっていたプロパティは、各スライスではなく、チャート全体の外側のストロークに関係しているようです。私はまだ立ち往生しています。スライス間の白い隙間を閉じる方法を知っている人はいますか? これについてGoogleで何も見つけることができません。

4

1 に答える 1

11

を使用し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"
    });
于 2012-06-13T04:42:24.337 に答える