Google Chartsのスタイル設定表

Question

Google Charts TableにCSSスタイルを追加しようとしています。最初のセル（マイク）に

https://developers.google.com/chart/interactive/docs/gallery/table#customproperties

が、それはうまくいきませんでした：私はこれを試してみました。 options変数でallowHtmlをtrueに設定しました。個々の細胞の背景、テキストの色などを変更するにはどうすればよいですか？ありがとうございました。

<script type="text/javascript"> 
     google.load('visualization', '1', {packages:['table']}); 
     google.setOnLoadCallback(drawTable); 
     function drawTable() { 
      var data = new google.visualization.DataTable(); 
      data.addColumn('string', 'Employee Name'); 
      data.addColumn('date', 'Start Date'); 
      data.addRows(3); 
      data.setCell(0, 0, 'Mike', {style: 'background-color:red;'}); 
      data.setCell(0, 1, new Date(2008, 1, 28)); 
      data.setCell(1, 0, 'Bob'); 
      data.setCell(1, 1, new Date(2007, 5, 1)); 
      data.setCell(2, 0, 'Alice'); 
      data.setCell(2, 1, new Date(2006, 7, 16)); 

      var options = { 
       allowHtml: true 
      }; 

      // Create a formatter. 
      // This example uses object literal notation to define the options. 
      var formatter = new google.visualization.DateFormat({formatType: 'long'}); 

      // Reformat our data. 
      formatter.format(data, 1); 

      // Draw our data 
      var table = new google.visualization.Table(document.getElementById('dateformat_div')); 
      table.draw(data, options); 
     } 
    </script> 

Answer 1

はどのようにして、個々のセルの背景、テキストの色などを変更できますか？ありがとうございました。

Per @ Bondyeのコメントには、回答は開発者ガイドに記載されています。

https://developers.google.com/chart/interactive/docs/examples#custom_table_example

あなたの条件に一致するスタイル規則を定義します。描かれたとき

<style> 
.orange-background { 
    background-color: orange; 
    } 

.orchid-background { 
    background-color: orchid; 
} 

.beige-background { 
background-color: beige; 
    } 
</style> 

はテーブルにそれらを適用します。