2016-09-08 2 views
1

나는Google 막대 차트에 막대를 하나 더 추가하는 방법 ...? 내 기존의 수평 막대 차트를 한 번 더 수평 막대를 추가 할 수 없습니다 해요 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 
0,123,

도움을 많이 주신 데 감사드립니다. 감사합니다.

답변

1

나는이 방법으로 문제를 해결했는데, 이는 누군가에게 도움이 될 수 있습니다.

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