javascript - Uncaught Error : Invalid type for google table column

Question

我最近开始使用谷歌可视化，因为它很简单。但在我最近的项目中实现时，我似乎遇到了一些麻烦。 显示的程序用于从 JSON 对象中提取数据并利用它在 google 表中显示数据。现在可以看到，为了保持简单性，我只在 json 对象中提供了一个条目。 现在解决问题 第一个表曾经工作正常一段时间，但最近完全停止出现。 。两个表似乎都没有出现或显示。我在控制台中收到的错误如下 -

未捕获错误:“sitecode”列的类型、字符串无效。在文件中 - http://www.google.com/uds/api/visualization/1.0/abbdd6ab2d343a51d49841bf93d022fb/format+en,default+en,ui+en,table+en.I.js

另一方面，第二个表不会抛出错误并且不会显示。另外，我正在制作表格，以便表格中仅显示站点代码的三个最新日期。但我想我可能在那里做错了什么。因为它从一开始就没有奏效。 现在我似乎无法理解这一点。有人能指出我的正确方向吗 方向。 谢谢。

代码-

 google.load('visualization', '1', {'packages':['table']});
    var SiteData = SiteInfo();
    var map;
    function initialize() 
    {  
  map = new google.maps.Map(document.getElementById('map_canvas'), {
    center: new google.maps.LatLng(55.7200,12.5700),
    zoom: 2,
    mapTypeControl: false,
    streetViewControl: false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
      });
  for(m=0;m<SiteData.length;m++)
  {
    var image;
    if(SiteData[m].Connection=="Sitetype1")
    {
      image = "http://labs.google.com/ridefinder/images/mm_20_white.png";  
    }
    else if(SiteData[m].Connection=="sitetype2")
    {
      image = "http://labs.google.com/ridefinder/images/mm_20_black.png";
    }
    else
    {
        image = "http://labs.google.com/ridefinder/images/mm_20_purple.png";
    }
    setmarkers(map,SiteData[m].Latitude,SiteData[m].Longitude,image)
  }
}
function setmarkers(map,lat,lon,image)
{
    var latlon = new google.maps.LatLng(lat,lon);
    var marker = new google.maps.Marker({map:map,position:latlon,icon:image});
}
function Changesite(sc)
{   
    var mpls = Outage();
    for(var i=0,numSite = SiteData.length;i<numSite;i++)
    {
        if(SiteData[i].Sitecode==sc)
        {
            var data = new google.visualization.DataTable();
            data.addColumn('String', 'sitecode');
            data.addColumn('String', SiteData[i].Sitecode);
            data.addRows([
              ['Connection', SiteData[i].Connection],
              ['Bandwidth', SiteData[i].Bandwidth],
              ['Address', SiteData[i].Address],
              ['Country', SiteData[i].Country],
                 ]);
            var chart = new google.visualization.Table

(document.getElementById('chart'));
            var options = {
                    'title': SiteData[i].Sitecode+ ' ',
                             };
            chart.draw(data, options);
      }
    }
    var data1 = new google.visualization.DataTable();
    data1.addColumn('String','Country');
    data1.addColumn('String','Sitecode');
    data1.addColumn('String','Outages');
    data1.addColumn('Date','Date');
    var c=0,k=0;
    mpls.sort(function(a,b){
    var c = new Date(a.date);
    var d = new Date(b.date);
    return c-d;
      });
    while(k!=3&&c<mpls.length)
    {
        if(mpls[c].SITECODE==sc)
        {
            data1.addRows(1);
            data1.setCell(k,0,mpls[i].COUNTRY);
            data1.setCell(k,1,mpls[i].SITECODE);
            data1.setCell(k,2,mpls[i].MPLSOutages);
            data1.setCell(k,3,mpls[i].DATE);
            k++;
         }
         c++;
    }
    var table1 = new google.visualization.Table(document.getElementById

('visualization'));
    table1.draw(data1);

}
function SiteInfo()
{
    var Siteinfo = 

[{"Connection":"Direct","Sitecode":"site1","Address":"Usa","Bandwidth":"6 

Mbps","Country":"USA","Latency":"44 ms","Latitude":44,"Longitude":34,"Item 

Type":"Item"}];
return Siteinfo();
}
function Outage()
{
    var Outage_Data= [{"COUNTRY":"USA ","SITECODE":"site1","Outage 

":"Issue1","DATE ":"4/1/2015"}];
    return Outage_Data;
}

Answer 1

你应该改变你的行

data.addColumn('String', 'sitecode');

到

data.addColumn('string', 'sitecode');

(“字符串”中的非大写“s”)，当然这适用于您添加的所有列。

Javascript 区分大小写。