Google visualization 使用日期列时,第一个和最后一个栏将被切成两半

Google visualization 使用日期列时,第一个和最后一个栏将被切成两半,google-visualization,Google Visualization,当我使用列类型的日期时,柱形图中的第一个和最后一个条形图被切成两半。它似乎是从中间条渲染的。它不会对非日期数据集执行此操作 有没有办法解决这个问题,以便渲染完整的条形图,并添加一些额外的填充 我有一个确切的问题(我的标签也有奇怪的错位),这让我疯狂地试图找出答案hAxis.viewWindowMode通常会修复类似的问题,但无法将其用于日期值 我最后做的就是完全取消日期类型,为该列指定string类型,并在将每个JS日期对象添加到DataTable之前将其转换为字符串表示,从而: data.ad

当我使用列类型的日期时,柱形图中的第一个和最后一个条形图被切成两半。它似乎是从中间条渲染的。它不会对非日期数据集执行此操作

有没有办法解决这个问题,以便渲染完整的条形图,并添加一些额外的填充

我有一个确切的问题(我的标签也有奇怪的错位),这让我疯狂地试图找出答案
hAxis.viewWindowMode
通常会修复类似的问题,但无法将其用于日期值

我最后做的就是完全取消日期类型,为该列指定
string
类型,并在将每个JS日期对象添加到
DataTable
之前将其转换为字符串表示,从而:

data.addColumn('string', 'Date');
data.addColumn('number', 'Performance');

var dates = [new Date('2012-4-12'),
             new Date('2012-4-13'),
             new Date('2012-4-14')];
var performance = [59, 35, 86];

var dateString;
for (var i=0; i<dataForChart.length; i++) {
    dateString = (dates[i].getMonth()+1)+'/'+ // JS months are 0-indexed
                  dates[i].getDate()+'/'+
                  dates[i].getYear();
    data.addRow([dateString, 
                performance[i]]);
}
data.addColumn('string','Date');
data.addColumn('number','Performance');
var日期=[新日期('2012-4-12'),
新日期('2012-4-13'),
新日期('2012-4-14');
var绩效=[59,35,86];
变量日期字符串;
对于(var i=0;i我有一个确切的问题(我的标签也有奇怪的错位),它让我疯狂地试图找出它。
hAxis.viewWindowMode
通常会修复类似的问题,但不可能将其用于日期值

我最后做的就是完全取消日期类型,为该列指定
string
类型,并在将每个JS日期对象添加到
DataTable
之前将其转换为字符串表示,从而:

data.addColumn('string', 'Date');
data.addColumn('number', 'Performance');

var dates = [new Date('2012-4-12'),
             new Date('2012-4-13'),
             new Date('2012-4-14')];
var performance = [59, 35, 86];

var dateString;
for (var i=0; i<dataForChart.length; i++) {
    dateString = (dates[i].getMonth()+1)+'/'+ // JS months are 0-indexed
                  dates[i].getDate()+'/'+
                  dates[i].getYear();
    data.addRow([dateString, 
                performance[i]]);
}
data.addColumn('string','Date');
data.addColumn('number','Performance');
var日期=[新日期('2012-4-12'),
新日期('2012-4-13'),
新日期('2012-4-14');
var绩效=[59,35,86];
变量日期字符串;

对于(var i=0;i设置viewWindowMode显然对日期有效。将以下内容添加到我的图表选项中,其中最小值和最大值是第一个和最后一个日期值之前和之后的日期,至少对我有效

'hAxis': {'viewWindowMode': 'explicit', 'viewWindow': {'max':new Date('2012-10-02'), 'min':new Date('2007-07-02')}}    

另请参见:在谷歌论坛中。

设置viewWindowMode显然对日期有效。在我的图表选项中添加以下内容,其中最小值和最大值是第一个和最后一个日期值之前和之后的日期,至少对我有效

'hAxis': {'viewWindowMode': 'explicit', 'viewWindow': {'max':new Date('2012-10-02'), 'min':new Date('2007-07-02')}}    

另请参见:在谷歌论坛中。

谢谢你的链接。我已经这样做了,但如果我能找到解决方案,我希望回到Date's。我会再开放几天,如果没有其他人贡献任何东西,我会将你标记为解决方案。谢谢你的链接。我已经这样做了,但希望回到Date's如果我能找到一个解决方案,我会把这个问题再公开几天,如果没有其他人提供任何帮助,我会把你标记为解决方案。