Javascript 如何在谷歌条形图中再添加一个条形图。。。？

我正在实现google条形图。但是我无法在现有的水平条形图中再添加一个水平条形图

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>

它显示以下错误

 Error: Invalid row type for row 3

---

非常感谢您的帮助…谢谢

我用这种方式解决了问题，这可能对某人有所帮助

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

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