Google图表不会渲染具有多种颜色的散点图

Question

我正在Google图表中绘制数据，并且仍然无法呈现HTML。 我可以肯定用另一双眼睛检查下面的代码是否有明显的错误。 数据具有三列，每列应以不同的颜色绘制。

<html>
<head>
<!--Load the AJAX API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

    // Load the Visualization API and the piechart package.
    google.load("visualization", "1", {packages:["corechart"]});

    // Set a callback to run when the Google Visualization API is loaded.
    google.setOnLoadCallback(drawChart);

    // Callback that creates and populates a data table,
    // instantiates the pie chart, passes in the data and
    // draws it.
    function drawChart() {

    // Create the data table.
    var data = google.visualization.arrayToDataTable()({
            [['x','Virg','Set','Versi'],
            [1.0,null,null,1.0],
            [2.0,null,2.0,null],
            [3.0,3.0,null,null]]

    });

    // Set chart options
    var options = {
      title: "Edgar Anderson's Iris Data Set",
      hAxis: {title: 'Petal Length', minValue: 0, maxValue: 7},
      vAxis: {title: 'Petal Width', minValue: 0, maxValue: 2.5},
      legend: ''
      //series:{
      //      0: { pointShape: 'circle' },
      //      1: {pointShape: 'triangle'},
      //      2: { pointShape: 'square'}
      //   }
        };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
</script>
</head>
<body>
    <!--Div that will hold the pie chart-->
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>

Answer 1

调用arrayToDataTable()是错误的。 代替

var data = google.visualization.arrayToDataTable()({
        [['x','Virg','Set','Versi'],
        [1.0,null,null,1.0],
        [2.0,null,2.0,null],
        [3.0,3.0,null,null]]

});

你必须使用

var data = google.visualization.arrayToDataTable([
        ['x','Virg','Set','Versi'],
        [1.0,null,null,1.0],
        [2.0,null,2.0,null],
        [3.0,3.0,null,null]
]);

代替数组对象，您必须提供一个数组数组。 和不必要的()删除。

**更新：** jsbin上的示例 。