Google visualization 谷歌可视化图表不显示第一列

Google visualization 谷歌可视化图表不显示第一列,google-visualization,Google Visualization,我对谷歌可视化API有一个问题,图表中的一些数据没有显示出来。这个图表相当简单,它有4列和两行 函数drawVisualization(){ //创建并填充数据表。 var data_table=new google.visualization.DataTable(); data_table.addColumn({“type”:“date”,“label”:“date”}); data_table.addColumn({“type”:“number”,“label”:“A”}); data_t

我对谷歌可视化API有一个问题,图表中的一些数据没有显示出来。这个图表相当简单,它有4列和两行

函数drawVisualization(){
//创建并填充数据表。
var data_table=new google.visualization.DataTable();
data_table.addColumn({“type”:“date”,“label”:“date”});
data_table.addColumn({“type”:“number”,“label”:“A”});
data_table.addColumn({“type”:“number”,“label”:“B”});
data_table.addColumn({“type”:“number”,“label”:“C”});
data_table.addRow([{v:newdate(2013,5,26)},{v:1},{v:0},{v:0}]);
数据_table.addRow([{v:newdate(2013,5,27)},{v:2},{v:1},{v:0.5}]);
var chart=new google.visualization.ColumnChart(document.getElementById('visualization');
图表绘制(数据表){
图例:“底部”
});
}
生成时,图表第一行(2013-5-26)不显示任何内容,第二行仅显示2和1的值(忽略0.5)

我怀疑这可能类似于


有人有什么想法吗?

所以谷歌似乎提供了某种解决方案

救命啊!我的图表不稳定了

我的域轴类型不是字符串,但我仍然需要离散域轴:

这让你非常沮丧,然后你可以做一个 以下:

  • 将第一个数据表列的类型更改为字符串
  • 使用DataView作为适配器转换第一个数据表的类型 列到字符串:
  • 因此,上述图表的解决方案是添加:

    //从数据表创建数据视图
    var dataView=new google.visualization.dataView(数据表);
    //将dataview的第一列设置为字符串格式,并返回其他列[1、2和3]
    setColumns([{calc:function(data,row){return data.getFormattedValue(row,0);},类型:'string'},1,2,3]);
    
    因此,整个功能变成:

    函数drawVisualization(){
    var data_table=new google.visualization.DataTable();
    data_table.addColumn({“type”:“date”,“label”:“date”});
    data_table.addColumn({“type”:“number”,“label”:“A”});
    data_table.addColumn({“type”:“number”,“label”:“B”});
    data_table.addColumn({“type”:“number”,“label”:“C”});
    data_table.addRow([{v:newdate(2013,5,26)},{v:1},{v:0},{v:0}]);
    数据_table.addRow([{v:newdate(2013,5,27)},{v:2},{v:1},{v:0.5}]);
    //从数据表创建数据视图
    var dataView=new google.visualization.dataView(数据表);
    //将dataview的第一列设置为字符串格式,并返回其他列[1、2和3]
    setColumns([{calc:function(data,row){return data.getFormattedValue(row,0);},类型:'string'},1,2,3]);
    var chart=new google.visualization.ColumnChart(document.getElementById('visualization');
    图表绘制(数据视图{
    图例:“底部”
    });
    }
    
    有趣的是,将第一列设置为数据类型“string”,并将值设置为new Date(…)。toString()似乎可以解决这个问题……无论如何,这样做要比添加
    1、2、3更具动态性吗?确定我可以传递一个
    int
    如果我称它为字符串,它就可以了。。。现在只是停留在像OP那样的约会上。