如何在Google图表上显示特定/特定的图例

Question

我只想显示特定的图例，而不是全部。我只需要选择5个数据并仅在图例部分显示它即可。我正在使用Google饼图

Answer 1

在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>