Google图表图例自定义

时间:2016-08-11 10:22:21

标签: google-visualization customization legend

我有两个系列/列fileSizeoutput Target

是否可以在图例中仅显示两个output Target并隐藏fileSize

1 个答案:

答案 0 :(得分:1)

您可以使用<label id="lblFname" /> configuration option

只需指定系列号

即可

请参阅以下工作代码段...

visibleInLegend
google.charts.load('current', {
  callback: function () {
    var data = google.visualization.arrayToDataTable([
      ['File', 'fileSize', 'output Target'],
      ['a', 10, 15],
      ['b', 12, 18],
      ['c', 14, 21],
      ['d', 16, 24]
    ]);

    var container = document.getElementById('chart_div');
    var chart = new google.visualization.ColumnChart(container);

    chart.draw(data, {
      legend: {
        position: 'bottom'
      },
      series: {
        0: {
          visibleInLegend: false
        }
      }
    });
  },
  packages: ['corechart']
});