javascript - 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