Google visualization 日期轴不工作的柱状图

Google visualization 日期轴不工作的柱状图,google-visualization,Google Visualization,我有一个柱形图,它的x轴值是一个日期。此图表今天早上正常工作,但突然中断,并显示“不支持带值域轴的条形图系列”作为错误消息。有问题的网站已经几周没有更新了 我的DataTable构造代码如下所示: var data= new google.visualization.DataTable({ "cols":[{"label":"Date","type":"date"},{"label":"New Users","type":"number"}], "rows":[{

我有一个柱形图,它的x轴值是一个日期。此图表今天早上正常工作,但突然中断,并显示“不支持带值域轴的条形图系列”作为错误消息。有问题的网站已经几周没有更新了

我的DataTable构造代码如下所示:

var data= new google.visualization.DataTable({
        "cols":[{"label":"Date","type":"date"},{"label":"New Users","type":"number"}],
        "rows":[{"c":[{"v":new Date(1325656800000),"f":null},{"v":1355,"f":null}]}]
    });

我可以对代码做些什么来修复此问题?

问题在于日期字段。我已将日期字段转换为字符串,现在正在使用字符串。如果使用格式化程序,则可以在将值提供给DataTable之前对其进行格式化:

formatter.formatValue(date)

我猜这是一只虫子;我将尝试提交一份bug报告。

这不是bug。谷歌可视化API已经改变

他们在网上发布了一些解决这个问题的方法。使用选项:

strictFirstColumnType: false
只能用作临时解决方案。谷歌表示:

但是,请记住,此选项仅在有限的时间内可用,并将在不久的将来删除

建议的解决方案是将x轴上的日期字段更改为字符串。我通过在向DateTable对象添加值之前使用formatter实现了这一点

var formatterMoney = new google.visualization.NumberFormat({suffix: ' zł', decimalSymbol: ',', groupingSymbol: ' '});  
var formatterDate = new google.visualization.DateFormat({pattern: 'dd.MM.yyyy'});

var data = new google.visualization.DataTable();

data.addColumn('string', 'order date'); //used to be date field here
data.addColumn('number', 'total amount');
data.addRow([formatterDate.formatValue(new Date('2011-12-20')),971793.93]); //used to be Date object, now is Date formated as String
data.addRow([formatterDate.formatValue(new Date('2011-11-30')),1.0]);
data.addRow([formatterDate.formatValue(new Date('2011-11-17')),1.0]);
data.addRow([formatterDate.formatValue(new Date('2011-10-27')),1.72]);
data.addRow([formatterDate.formatValue(new Date('2011-10-26')),10.27]);

var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
formatterMoney.format(data, 1);
chart.draw(data, {width: window.width, height: 400, hAxis: {direction: -1}});

它似乎与日期字段有关。我也遇到了同样的问题。看起来他们今天推出了一个新版本:看起来这是一个“功能”,在创建图表时向传入的选项添加“strictFirstColumnType:false”被列为此问题的“临时修复”。请看这里: