Как показать конкретную / конкретную легенду на Google Chart - PullRequest
Новая
       6

Как показать конкретную / конкретную легенду на Google Chart

0 голосов
/ 22 января 2019

Я хочу показать только конкретную легенду, а не все.Мне просто нужно выбрать 5 данных и показать их только в части легенды.Я использую круговую диаграмму Google

1 Ответ

0 голосов
/ 22 января 2019

в опции series вы можете использовать свойство visibleInLegend (по умолчанию = true)

, чтобы скрыть первую серию из легенды ... 

series: {
  0: {
    visibleInLegend: false
  }
}

см. следующий рабочий фрагмент ... 

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));

  var data = google.visualization.arrayToDataTable([
    ['x', 'y0', 'y1', 'y2'],
    [1, 5, 2, 6],
    [2, 6, 3, 7],
    [3, 7, 4, 8],
    [4, 8, 5, 9]
  ]);

  var options = {
    series: {
      0: {
        visibleInLegend: false
      }
    }
  };

  chart.draw(data, options);
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

РЕДАКТИРОВАНИЕ

для круговых диаграмм, разрешена только одна серия.
для манипулирования записями легенды,
мы должны использовать опцию slices вместо series.

см. Следующий рабочий фрагмент ... 

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var chart = new google.visualization.PieChart(document.getElementById('chart_div'));

  var data = google.visualization.arrayToDataTable([
    ['x', 'y'],
    ['A', 5],
    ['B', 6],
    ['C', 7],
    ['D', 8]
  ]);

  var options = {
    slices: {
      0: {
        visibleInLegend: false
      }
    }
  };

  chart.draw(data, options);
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
...