Я играю с 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 по этому поводу.