0

嗨,伙计们最近刚刚学习了 Google 可视化,但遇到了麻烦。目前,绘制的图表与我想要的相比有点小。当我尝试设置widthand heightunder 选项时,它为我提供了所需的大小,但代价是下面的日期重叠。关于我应该如何解决这个问题的任何想法?

图表的当前大小| 所需的图表大小

下面是我的代码:

var manWindowWidth = $(window).width() / 1.25; // Gives me 1152
var manWindowHeight = $(window).height() / 1.25; // Gives me 668.8

var options = {
    title: 'Performance',
    pointSize: 5,
    //width: manWindowWidth,
    //height: manWindowHeight,
    hAxis: {title: 'Dates', titleTextStyle: {color: '#FF0000'}},
    vAxis: {title: 'Visits', titleTextStyle: {color: '#FF0000'}},
    tooltip: {trigger: 'hover'}
};
4

1 回答 1

1

当我遇到同样的问题时,我使文本标签倾斜(就像在你的小图表中一样)。尝试设置hAxis.slantedText为 true 和hAxis.slantedTextAngle大约 40。

示例代码:

var manWindowWidth = $(window).width() / 1.25; // Gives me 1152
var manWindowHeight = $(window).height() / 1.25; // Gives me 668.8

var options = {
    title: 'Performance',
    pointSize: 5,
    width: manWindowWidth,
    height: manWindowHeight,
    hAxis: {title: 'Dates', titleTextStyle: {color: '#FF0000'}, slantedText: true, slantedTextAngle: 40},
    vAxis: {title: 'Visits', titleTextStyle: {color: '#FF0000'}},
    tooltip: {trigger: 'hover'}
};

编辑:在您的第一个图表中,hAxis.showTextEvery自动设置为 3。也尝试使用该值。

于 2013-02-28T08:53:47.493 回答