X 轴标签重叠

Question

我正在使用 Google 可视化图表来表示股票数据的烛台。我面临的问题是，如果有大量数据，轴标签会重叠（最多显示 30 天的数据）。

请告诉我是否可以以及如何解决该问题？

我试过

hAxis: { "title":"Ratings", showTextEvery:1 },

hAxis: { gridlines: { count: 10 } }

http://jsfiddle.net/ovog4njt/2/

Answer 1

我将提出一些替代解决方案：

1.旋转刻度标签

    hAxis: {
        "title": "Ratings",
        showTextEvery: 1,
        slantedText: true,
        slantedTextAngle: 50
    },

2。减少标签之间的最小间距

    hAxis: {
        "title": "Ratings",
        showTextEvery: 1,
        minTextSpacing: 0
    },

3。缩小标签字体

    hAxis: {
        "title": "Ratings",
        showTextEvery: 1,
        minTextSpacing: 0,
        textStyle: {
            fontSize: 8
        }
    },

4。不要显示每一个报价单

    hAxis: {
        "title": "Ratings",
        showTextEvery: 2,
    },

5.以上任意组合

JSFiddle

See documentation here

X 轴标签重叠

X axis labels getting overlapped

javascript

data-visualization

google-visualization