谷歌图表错误 - 数据表没有列答案

【问题标题】：Google Chart Error - Data table has no columns谷歌图表错误 - 数据表没有列
【发布时间】：2019-10-29 04:58:27
【问题描述】：

我正在从服务器中提取一些数据，它的格式似乎正确 - 但我似乎无法让 google 图表对象识别列。

代码是从一个大表生成的 - 但即使将行数和列数减少到一个小的测试集，我仍然会收到错误。

使用 jQuery 抓取数据并为图表定义如下：

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

谁能注意到我的错误？

谢谢！

{
  cols: [
              {id:"2",label:"ADL",type:"string"},
              {id:"3",label:"TOT",type:"number"},
              {id:"10",label:"CON",type:"number"},
              {id:"11",label:"SLS",type:"number"}
      ],
  rows: [
           {c:[
                    {v:"[FASHION/FINE/METAL/PREVIEW-ALL][20190517-20190615]"},
                    {v:19},
                    {v:0},
                    {v:0.0000}
                  ]
           },
           {c:[
                    {v:"Intensive Landing: Fashion"},
                    {v:7},
                    {v:0},
                    {v:0.0000}
                  ]
           },
           {c:[
                    {v:"Intensive Landing: Fine"},
                    {v:1},
                    {v:0},
                    {v:0.0000}
                  ]
           },
           {c:[
                    {v:"Internet: Google"},
                    {v:1},
                    {v:0},
                    {v:0.0000}
                  ]
           },
           {c:[
                    {v:"Internet: CHAT"},
                    {v:3},
                    {v:0},
                    {v:0.0000}
                  ]
           },
           {c:[
                    {v:"Internet: Query"},
                    {v:1},
                    {v:0},
                    {v:0.0000}
                  ]
           },
           {c:[
                    {v:"Referral: Saiman"},
                    {v:1},
                    {v:0},
                    {v:0.0000}
                  ]
           }
      ]
}

【问题讨论】：

您好，考虑添加一个可以访问您正在访问的库的 jsfiddle。没有它，我们无法判断图书馆希望从您那里收到什么。还有什么错误？
很可能，您没有等待数据返回才尝试使用它，请分享其余代码，包括 jquery...

标签： javascript charts datatable literals

【解决方案1】：

这是一个使用您的数据的工作小提琴：https://jsfiddle.net/f9sz2nmx/1

dataTable = new google.visualization.DataTable(jsonData);
options = { /* options */ };
chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(dataTable, options);

【讨论】：