关于 javascript：倾斜文本时重复轴标签 – Google 图表

Repeating hAxis labels when slanting text - Google Charts

我们在 MVC 项目中使用 Google Charts。

我们已经设法实现了图表，但是我们遇到了一个小问题。

每当我们将文本倾斜 90 度时，hAxis 标签就会重复(见下文)。
enter

我们希望文本倾斜 90 度，但标签只在 hAxis 上出现一次(见下文)。

enter

1
2
3
4
5

hAxis: {
slantedText: true,
slantedTextAngle: 90,
gridlines: {count: 7}
},

设置 hAxis 次要网格线：

1
2
3
4
5

hAxis: {
slantedText: true,
slantedTextAngle: 90,
minorGridlines: { count: 5 }
},

有没有办法让 hAxis 标签达到预期的效果？

当使用连续轴时，
提供您自己的 ticks 以确保没有重复...

ticks 采用与轴

相同数据类型的值数组

每个刻度可以是一个原始值，例如日期 --> new Date(2017, 3, 2)

或者你可以使用对象表示法，
提供值 (v:) 和格式化值 (f:)

1	{v: new Date(2017, 3, 2), f: '2017'}

这些可以动态构建，使用数据表方法--> getColumnRange
它返回一个带有 min 的对象