Легенда круговой диаграммы Google помечена цветом линии - PullRequest
Новая
       23

Легенда круговой диаграммы Google помечена цветом линии

0 голосов
/ 05 апреля 2019

У меня есть круговая диаграмма Google с позицией легенды с меткой.Моя цель - сделать весь текст и линии маркера легенды черными.Прямо сейчас линии серые, а также значения и проценты.Есть ли способ сделать все это черным? 

var options = {
		  pieHole: 0.5,
		  pieSliceText: 'none',
		  textStyle:{color: 'black'},
		  legend: {position:'labeled', labeledValueText: 'both', alignment:'center',
        	textStyle: {
                  color: 'black', 
                  fontSize: 12}, strokeColor: {color: 'black'},  
              },
};

Вот пример серого текста и маркера строки, который я пытаюсь сделать черным

1 Ответ

0 голосов
/ 14 апреля 2019

Mutationobserver - это то, что мне было нужно, поскольку в Google Charts нет встроенных команд для изменения этих атрибутов. 

var container = document.getElementById('pie_chart');
    var chart = new google.visualization.PieChart(container);
    chart.draw(view, options, observer);

		var observer = new MutationObserver(function () {
      $.each($('#pie_chart path[stroke="#636363"]'), function (index, path) {
        $(path).attr('stroke', '#000000');
      });
	  $.each($('#pie_chart path[fill="#636363"]'), function (index, path) {
        $(path).attr('fill', '#000000');
      });
      $.each($('#pie_chart text[fill="#9e9e9e"]'), function (index, label) {
        $(label).attr('fill', '#000000');
      });
    });
    observer.observe(container, {
      attributes: true,
      childList: true,
      subtree: true
    });

И добавил это в шапку. 

<script src="//cdn.jsdelivr.net/npm/mutationobserver-shim/dist/mutationobserver.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Вот источник кода

...