X轴标签重叠

时间:2015-11-19 15:01:10

标签: javascript google-visualization data-visualization

我使用Google Visulization图表来表示股票数据的烛台。 我面临的问题是,如果有很多数据,轴标签是重叠的(最大值将显示30天的数据)。

请告诉我是否以及如何解决问题?

我试过

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

hAxis: { gridlines: { count: 10 } }

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

1 个答案:

答案 0 :(得分:3)

我会提出一些替代解决方案:

<强> 1。旋转刻度标签

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

enter image description here

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

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

enter image description here

第3。减少标签字体

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

enter image description here

<强> 4。不要显示每一个刻度

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

enter image description here

<强> 5。以上

的任意组合

JSFiddle

See documentation here