GoogleのvizテーブルコンストラクタでJavascript変数が展開されていません

Question

Googleの視覚化機能を使用してダッシュボードを作成しています。ここで、データベースクエリからGoogleの表にデータを表示しています。今のところ、テーブルを作成してデータを完全に表示していますが、テーブルの特定の値に基づいて条件付き書式を追加したいと考えています。

私は、次のコードを使用して、テーブルにいくつかの書式設定を追加するためにしようとしています：

<style type='text/css'> 
    .alert-frozen{background-color:#F8D0D8;} 
    .alert-closed{background-color:#F8D0D8;} 
</style> 

$(function(table){ 
$.getJSON('src/getReleases.php', function(releaseData) { 
       var rel = new google.visualization.DataTable(); 
       rel.addRows(releaseData.length); 
       rel.addColumn('string','DatabaseID'); 
       rel.addColumn('string','Release ID'); 
       rel.addColumn('string','days_to_freeze'); 
       $.each(releaseData, function(k, val){ 
        var days = parseInt(val.days_to_freeze); 
        if(days > 0){ 
         //var a = "{'style':'background-color:#F8D0D8;'}"; 
               var a = "{'className': 'alert-frozen'}" 

        } 
        rel.setCell(k, 0, val.database_id ,null ,{'className':a}); 
        rel.setCell(k, 1, val.release_id ,null ,{'className':a}); 
        ... 

問題はjavascriptの変数はテストを拡大しているように見えるしないことである「」に設定されていることを示し正しい値が表示されますが、ページは再ロードされません。

おそらく本当に単純な問題ですが、私が間違っていることを理解できないようです - 誰かが助けます！

ありがとうございました。

Answer 1

あなたは、あなたはおそらくちょうどそれが文字列

'alert-frozen'