修改Google Charts：如何移除面积图右上角的标签？

嘿，刚好我之前处理过类似需求，要去掉面积图右上角的那个图例标签其实很简单，只需要在图表的配置选项里做个小调整就行，给你两种实用的方案：

方案1：完全隐藏整个图例 #

这是最直接的方式，直接告诉图表不要显示图例。在你定义的options对象里添加legend: { position: 'none' }就可以了，代码示例如下：

// 假设你已经准备好了数据（data对象）
var options = {
  title: '月度销售趋势',
  areaOpacity: 0.6,
  legend: { position: 'none' } // 关键配置：隐藏图例
};

// 初始化并绘制面积图
var chart = new google.visualization.AreaChart(document.getElementById('chart-container'));
chart.draw(data, options);

添加这个配置后，右上角的图例就会完全消失，整个图表区域会更简洁。

方案2：隐藏特定系列的图例 #

如果你不想全部隐藏，只是想去掉某几个系列的图例标签，可以用series配置项单独控制每个系列的显示状态：

var options = {
  title: '多产品线销售对比',
  areaOpacity: 0.6,
  series: {
    0: { visibleInLegend: false }, // 隐藏第1个系列的图例
    1: { visibleInLegend: true }    // 保留第2个系列的图例
  }
};

这里的数字对应你数据里的系列索引，从0开始计数，按需调整就行。

这两种方法都是Google Charts原生支持的，亲测有效，你只需要把对应的配置加到自己的代码里就搞定啦～

内容的提问来源于stack exchange，提问作者dannyulbrich