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

你应该改变你的行

if ((string)$value === $value) echo "its a string";

到

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

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

Javascript区分大小写。

未捕获的错误：Google表格列

1 个答案: