如何添加一个更多的酒吧谷歌条形图...？

Question

我实现谷歌吧chart..but我无法多了一个单杠添加到现有水平条形图..

JS代码

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 

    <script> 
     $(document).ready(function() { 
      google.charts.load("current", {packages: ["corechart"]}); 
      google.charts.setOnLoadCallback(drawChart); 
      function drawChart() { 
       var data = google.visualization.arrayToDataTable([ 
        ["Element", "Density", {role: "style"}], 
        ["5", 8.94, "#b87333"], 
        ["4", 10.49, "silver"], 
        ["3", 19.30, "gold"], 
        ["2", 21.45, "color: #e5e4e2"] 
       ]); 

       var view = new google.visualization.DataView(data); 
       view.setColumns([0, 1, 
        {calc: "stringify", 
         sourceColumn: 1, 
         type: "string", 
         role: "annotation"}, 
        2]); 

       var options = { 
        title: "Density of Precious Metals, in g/cm^3", 
        width: 600, 
        height: 400, 
        bar: {groupWidth: "95%"}, 
        legend: {position: "none"}, 
       }; 
       var chart = new google.visualization.BarChart(document.getElementById("chart_div")); 
       chart.draw(view, options); 
      } 
     }); 
    </script> 

当我尝试添加一个多条这样的

var data = google.visualization.arrayToDataTable([ 
        ["Element", "Density", {role: "style"}], 
        ["5", 8.94, "#b87333"], 
        ["4", 10.49, "silver"], 
        ["3", 19.30, "gold"], 
        ["2", 21.45, "color: #e5e4e2"] 
        ["2", 21.45, "color: #e5e4e2"] 
       ]); 

它显示了以下错误..

Error: Invalid row type for row 3 

非常感谢任何帮助......谢谢

Answer 1

我这样解决了这个问题，这可能对某人有帮助。

data.addRows([ 
       ["1", 10.45, "color: #CA5006"] 
       ]);