将图例添加到Google图表

时间:2013-08-20 08:35:26

标签: google-visualization

我正在尝试将列标题添加到此折线图中的图例,它们应该是数据表中的第一行。如果我删除标题,图表工作正常,但是当我尝试加载标题时,我什么都没得到。下面是根据google api示例创建输入表的代码输出,它看起来是正确的。感谢

['Date','Species A', 'Species B'],['2013-08-27',3,1], ['2013-09-17',4,1], ['2013-08-23',1,1], ['2013-08-10',2,8]

代码的相关位

 $result = mysqli_query($con,"SELECT * FROM Species");
 while($row1 = mysqli_fetch_array($result))
 {
  $data1[]=    "['" . $row1['Date'] . "'," . $row1['SpeciesA'] . "," . $row1['SpeciesB'] . "]";
 }

        $headings = "['Date','Species A', 'Species B'],";
        $headingdata = $headings . implode(",\n",$data1);
        echo $headingdata;
?> 

  <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()
   {
          // Create the data table.
              var data = new google.visualization.DataTable();
              data.addColumn('string', 'Date');
              data.addColumn('number', 'Species A');
              data.addColumn('number', 'Species B');
              data.addRows([

              <?php echo $headingdata;?>
              ]);

1 个答案:

答案 0 :(得分:1)

如果您正在创建这样的DataTable,则不希望在传递给DataTable的#addRows方法的数据中包含$headings数据。只有在使用arrayToDataTable构造函数时才应包括它们。

默认情况下,大多数图表都会将列标签包含在图例中作为系列标签。

如果您使用我在other question中发布的解决方案,那么您不应该遇到任何问题。