Измените ширину обводки на 2 на круговой диаграмме Google - PullRequest
0 голосов
/ 30 апреля 2018

Я пытаюсь создать диаграмму с круговой диаграммой Google, но ширина штрихов у вас слишком тонкая, и я пытаюсь сделать их толще.

код ниже - это то, что я использую, но, к сожалению, оно не работает.

google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
  var data = google.visualization.arrayToDataTable([
  ['Sitio', 'Dinheiro'],
  ['Restaurantes', 8],
  ['Bares', 2], 
  ['Discotecas', 7]
]);

  // Optional; add a title and set the width and height of the chart
    var options = {

        width: '92%',
        height: 550,
        color: 'white',

        backgroundColor: '#232220',

        chartArea: { top: '3%', width: '70%', height: '80%' },
        slice: {
            backgroundColor: {strokeWidth:2}
        },
        legend: { position: 'bottom', textStyle: { color: 'white', fontSize: 16 } },
        
        pieSliceBorderColor : "tranparent"
        };

  // Display the chart inside the <div> element with id="piechart"
  var chart = new google.visualization.PieChart(document.getElementById('piechart'));
  chart.draw(data, options);
}
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="piechart" style="height: 370px; width: 92%;"></div> 

искал вокруг, но всегда о цвете, а не о ширине ломтиков, поэтому я не смог его изменить

1 Ответ

0 голосов
/ 30 апреля 2018

Просматривая параметры конфигурации круговой диаграммы Google, вы не можете установить ширину слоя ломтиков.

Однако вы можете установить ширину обводки с помощью css:

    <style type="text/css">
        path {
          stroke-width: 2;
        }
    </style>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...