wie man einen weiteren Balken zum Google Balkendiagramm hinzufügt ...?

Question

Ich bin der Umsetzung google bar chart..but ich nicht in der Lage bin einer mehr horizontalen Balken auf meine bestehenden horizontalen Balkendiagramm ..

JS-Code

<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> 

Wenn ich ein hinzuzufügen versuchen zu hinzufügen mehr Bar wie diese

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"] 
       ]); 

Es zeigt Fehler folgenden ..

Error: Invalid row type for row 3 

Jede Hilfe wird sehr geschätzt ... Danke

Answer 1

Ich löste das Problem auf diese Weise, dies kann für jemanden hilfreich sein.

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