jquery - Google Analytics 中的折线图

Question

嗨，伙计们最近刚刚学习了 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'}
};

Answer 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。也尝试使用该值。