如何移除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
相关产品推荐
相关产品推荐

