Google visualization 没有足够的列来绘制-谷歌图表_Google Visualization

Google visualization 没有足够的列来绘制-谷歌图表

google-visualization

Google visualization 没有足够的列来绘制-谷歌图表,google-visualization,Google Visualization,我曾尝试将一些数组数据传递给谷歌图表，但它显示没有足够的列来绘制图表。这是我的代码 <html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechar

我曾尝试将一些数组数据传递给谷歌图表，但它显示没有足够的列来绘制图表。这是我的代码

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
var someStr = '["JAN","1088626"],["FEB","1478093"],["MAR","1232870"],["APR","1151634"],["MAY","1083623"],["JUN","740591"],["JUL","769227"],["AUG","1162995"],["SEP","951794"],["OCT","884736"],["NOV","500902"],["DEC","1221438"]';

var data1=someStr.replace(/(["'])(\d+)\1/g,"$2")
console.log(data1);
var data = google.visualization.arrayToDataTable([['year'],[data1]]);
console.log(data);
    var options = {
      title: 'My Daily Activities',
      is3D: true,
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
    chart.draw(data, options);
  }
</script>
</head>
<body>
<div id="piechart_3d" style="width: 900px; height: 500px;"></div>
</body>
</html>


load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var someStr='[“一月”、“1088626”]、[“二月”、“1478093”]、[“三月”、“1232870”]、[“四月”、“1151634”]、[“五月”、“1083623”]、[“六月”、“740591”]、[“七月”、“769227”]、[“八月”、“1162995”]、[“九月”、“951794”]、[“十月”、“884736”]、[“十一月”、“500902”、[“十二月”、“1221438”]；
var data1=someStr.replace（/（[“'））（\d+）\1/g，“$2”）
console.log（data1）；
var data=google.visualization.arrayToDataTable（[['year']，[data1]]）；
控制台日志（数据）；
变量选项={
标题：“我的日常活动”，
is3D：是的，
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart_3d'）；
图表绘制（数据、选项）；
}

请帮我做这个

提前感谢。

您的数据有两列：月份和数字。（

“一月”，“1088626”

）
但您只为一列提供标题：

year

另外，您需要将实际的

数组

传递给

arrayToDataTable

（不是字符串）
试试这样的

google.load（“可视化”，“1”，“{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var someStr='[“一月”、“1088626”]、[“二月”、“1478093”]、[“三月”、“1232870”]、[“四月”、“1151634”]、[“五月”、“1083623”]、[“六月”、“740591”]、[“七月”、“769227”]、[“八月”、“1162995”]、[“九月”、“951794”]、[“十月”、“884736”]、[“十一月”、“500902”、[“十二月”、“1221438”]；
var data1=JSON.parse（'['+someStr.replace（/（[']）（\d+\1/g，“$2”）+']'）；
//数据数组-向data1添加两个列标题
数据1.拼接（0,0，['month'，'number']）；
//数据表
var data=google.visualization.arrayToDataTable（data1）；
//图表选项
变量选项={
标题：“我的日常活动”，
is3D：对
};
//图表
var chart=new google.visualization.PieChart（document.getElementById（'PieChart_3d'）；
图表绘制（数据、选项）；
}

由于无效的输入数据被传递到

google.visualization.arrayToDataTable

函数中，因此出现此错误。提供的regex

/（[“'））（\d+）\1/g

在解析输入字符串时失败，我建议使用

JSON.parse

函数解析输入字符串

google.visualization.PieChart

object希望以以下格式：

var data = google.visualization.arrayToDataTable([
      ['Name', 'Value'],
      ['<name1>',  <value1>],
      ['<name2>',  <value2>],
      ['<name3>',  <value3>],
      ...
      ['<namen>',  <valuen>]
    ]);