Google Chart API - параметры обводки круговой диаграммы не влияют

Я играю с API круговой диаграммы Google.

Все работает нормально, за исключением параметров 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>

Я ссылаюсь на API Google из вариантов на этой странице:

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

Не уверен, что делаю что-то не так.

Будем очень признательны за вашу помощь или руководство!

Спасибо, Майкл.

РЕДАКТИРОВАТЬ:

Итак, похоже, что свойства, с которыми я возился, связаны с внешним штрихом всей диаграммы, а не для каждого среза. Но я все еще застрял. Кто-нибудь знает, как закрыть белые промежутки между срезами? Я ничего не могу найти в Google по этому поводу.


person Michael Giovanni Pumo    schedule 08.07.2011    source источник


Ответы (1)


Используйте 1_. Это могло быть добавлено с тех пор, как был задан этот вопрос, но для будущих справок вот как вы это делаете. Примечание: это будет работать только на двумерной круговой диаграмме.

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"
    });
person Matt Dodge    schedule 13.06.2012
comment
Работает для меня! Спасибо! - person afternoon; 21.11.2014
comment
Есть ли способ иметь разные цвета обводки для каждого фрагмента? - person zeroquaranta; 23.03.2018