Google棒グラフ棒の色が変更されない

Question

Googleの棒グラフを使用して、開いている、閉じている、進行中などのさまざまなカテゴリに問題のセットを表現しています。異なるカテゴリのカウントを取得して、ハッシュマップ次に、ハッシュマップからデータを取得し、以下のコードを使用して棒グラフに表示します。

以下は、私が使用しているコードです。私は、エスカレーションの無の状態数とEscCountのために使用されているJSPページ

 google.charts.load('current', {'packages':['bar']}); 
     google.charts.setOnLoadCallback(drawBarChart); 

     function drawBarChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Status', 'No. of Issues', { role: 'style' }], 
      <%for(String SC:StatusCount.keySet()){ 
      %> 
      ['<%=SC.toString()%>',<%=StatusCount.get(SC.toString())%>, 'blue'], 
      <% 
      } 
      %> 
      <%for(String EC:EscCount.keySet()){ 
       %> 
       ['<%=EC.toString()%>',<%=EscCount.get(EC.toString())%>, 'red' ], 
       <% 
      } 
      %> 
     ]); 

     var options = { 
      chart: { 
      title: 'Performance', 
      }, 
      is3D: true, 
      titleTextStyle: { 
       fontName: 'Arial', 
       fontSize: 20 
      }, 

      'width':550, 
      'height':400, 
      backgroundColor: 'transparent', 
      bars: 'vertical' // Required for Material Bar Charts. 
     }; 

     var barchart = new google.charts.Bar(document.getElementById('barchart_material')); 

     barchart.draw(data, google.charts.Bar.convertOptions(options)); 
     } 

StatusCountでそれを含めました。エスカレーションバーの色を変更したかったのです。しかし、私が色を指定するとき、それは変更されていません。 Googleが色を変更するために与えたのと同じものを使用しました。 助けてください。 >google.charts.Bar - >google.visualization.BarChart & ColumnChart - - >packages: ['corechart']

材質'style'のみクラシックチャートでサポートされています...

クラシック含めて事前に感謝

Answer 1

Column Roles、 - >packages: ['bar']

は [ 'ステータス'、「番号[作業スニペット...

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages: ['corechart'] 
 
}); 
 

 
function drawChart() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Status', 'No. of Issues', { role: 'style' }], 
 
    ['Closed',14, 'blue'], 
 
    ['On Hold',8, 'blue'], 
 
    ['In Progress',20, 'blue'], 
 
    ['Open',24, 'blue'], 
 
    ['Escalations',4, 'red'], 
 
    ]); 
 

 
    var chart = new google.visualization.BarChart(
 
    document.getElementById('chart_div') 
 
); 
 
    chart.draw(data, { 
 
    theme: 'material' 
 
    }); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>