You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除Google Charts中的所有图表坐标轴及标签?

问题描述

图表截图

我使用了以下代码,但仍无法移除横坐标轴及其标签。

var options = {
  legend: 'none',
  tooltip: {trigger: 'none'},
  hAxis: {
    gridlines: {
      count: 0,
      color: 'none'
    }
  },
  yAxis: {
    gridlines: {
      count: 0,
      color: 'none'
    }
  }
};
解决方案

你当前的配置仅隐藏了网格线,要完全移除横坐标轴(包括轴线、标签),需要在hAxis配置中补充两个关键属性:

  • textPosition: 'none':隐藏坐标轴的标签文本
  • baselineColor: 'none':隐藏坐标轴的基线

修改后的完整配置代码如下:

var options = {
  legend: 'none',
  tooltip: {trigger: 'none'},
  hAxis: {
    gridlines: {
      count: 0,
      color: 'none'
    },
    textPosition: 'none', // 隐藏横坐标轴标签
    baselineColor: 'none' // 隐藏横坐标轴基线
  },
  yAxis: {
    gridlines: {
      count: 0,
      color: 'none'
    }
  }
};

如果还需要确保没有刻度线显示,可额外添加ticks: []属性清空刻度:

hAxis: {
  // 其他配置...
  ticks: []
}

内容的提问来源于stack exchange,提问作者Ocean Overflow

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.19 19:15:52