Charts 横轴标签未使用100%宽度(谷歌图表)

Charts 横轴标签未使用100%宽度(谷歌图表),charts,google-visualization,Charts,Google Visualization,下面是一个使用渲染的图表。我的实际用例与此非常相似,垂直轴带有整数标签,水平轴带有字符串标签 小提琴: X轴的标签从0,0的任意距离开始。我需要这些红蓝线从X=0开始,并进行第一次X轴标签移动,使其位于0,0下方,如以下屏幕截图所示: 我曾尝试通过hAxis将minValue选项传递到水平轴,但这似乎无法像处理整数那样处理字符串 以下选项将被传递到fiddle图表(同样,来自演示代码): 如何对齐X轴标签,使其占据图表宽度的100%,而第一个标签位于Y轴下方?如果可能,我希望从图表配置本身内

下面是一个使用渲染的图表。我的实际用例与此非常相似,垂直轴带有整数标签,水平轴带有字符串标签

小提琴:

X轴的标签从0,0的任意距离开始。我需要这些红蓝线从
X=0
开始,并进行第一次X轴标签移动,使其位于
0,0
下方,如以下屏幕截图所示:

我曾尝试通过
hAxis
minValue
选项传递到水平轴,但这似乎无法像处理整数那样处理字符串

以下选项将被传递到fiddle图表(同样,来自演示代码):

如何对齐X轴标签,使其占据图表宽度的100%,而第一个标签位于Y轴下方?如果可能,我希望从图表配置本身内部完成这一点,而不是CSS或无关的JS


如果有人也能解释这种设置的逻辑,那将不胜感激。我觉得奇怪的是,这是默认设置,根据我使用谷歌框架的经验,他们通常选择符合约定的默认值,但这似乎是荒谬的。我希望“2004”标签在X轴上左对齐,并且X标签之间的间隔与图表右边缘的“2007”齐平。无法解释原因,但这是图表的默认行为

如果要在x轴上显示字符串,
但仍具有连续轴的行为,
您可以使用
ticks
选项设置轴标签的格式

使用对象表示法,您可以提供每个记号的值(
v:
) 以及格式化值(
f:

请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”],
[0, 1000, 400],
[1, 1170, 460],
[2, 660,  1120],
[3, 1030, 540]
]);
变量选项={
标题:“公司业绩”,
curveType:'函数',
图例:{位置:'bottom'},
哈克斯:{
滴答声:[
{v:0,f:'2004'},
{v:1,f:'2005'},
{v:2,f:'2006'},
{v:3,f:'2007'}
]
}
};
var chart=new google.visualization.LineChart(document.getElementById('curve_chart');
图表绘制(数据、选项);
});


这绝对有帮助,谢谢!理想情况下,只有一个可切换的设置来启用此行为(带有微调选项),但这似乎是启用我想要的行为的正确方法。只需提及,使用此方法会迫使Google(默认情况下)在构建工具提示时使用为年份提供的数字键。因此,当您将鼠标悬停在“2005”的勾号上时,工具提示中会显示“1”,而不是年份值。有手动的方法来解决这个问题,但它只是一个不方便的机械师。
var options = {
  title: 'Company Performance',
  curveType: 'function',
  legend: { position: 'bottom' }
};
{v: 0, f: '2004'}