Googleのカレンダーチャートでブール型の列を使用する方法は？

googleのカレンダータイプチャートでブール型（true/false）を使用してビルドステータス（合格/不合格）を表現したい。私は同じHTMLコードを以下に使用しています。しかし、2つの列を追加するように促す赤い旗が表示されています。このスニペットで何が間違っているかもしれないと示唆していますか？Googleのカレンダーチャートでブール型の列を使用する方法は？

<html> 
    <head> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <script type="text/javascript"> 
     google.charts.load("current", {packages:["calendar"]}); 
     google.charts.setOnLoadCallback(drawChart); 

    function drawChart() { 
     var dataTable = new google.visualization.DataTable(); 
     dataTable.addColumn({ type: 'date', id: 'Date' }); 
     dataTable.addColumn({ type: 'boolean',id :'pass/fail', role:'certainty' }); 
     dataTable.addRows([ 
      [ new Date(2012, 3, 13), true ], 
      [ new Date(2012, 3, 14), true ], 
      [ new Date(2012, 3, 15), true ], 
      [ new Date(2012, 3, 16), true ], 
      [ new Date(2012, 3, 17), false ] 
      // Many rows omitted for brevity. 

     ]); 

     var chart = new google.visualization.Calendar(document.getElementById('calendar_basic')); 

     var options = { 
     title: "Build Execution Analytics", 
     height: 350, 
     }; 

     chart.draw(dataTable, options); 
    } 
    </script> 
    </head> 
    <body> 
    <div id="calendar_basic" style="width: 1000px; height: 350px;"></div> 
    </body> 
</html>

出典

2016-05-17 Manmohan_singh

特定Data Format

カレンダーチャートを参照からbooleanカラム

を受け入れない各グラフの種類は、列が...

カラム0ている可能にしました - date,datetimeまたはtimeofday
カラム1からnumber
列N - stringからrole: tooltip（オプション）

Iは、fail

google.charts.load('current', { 
 
    callback: function() { 
 
    var dataTable = new google.visualization.DataTable(); 
 
    dataTable.addColumn({ type: 'date', id: 'Date' }); 
 
    dataTable.addColumn({ type: 'number', id :'pass/fail' }); 
 
    dataTable.addRows([ 
 
     [ new Date(2012, 3, 13), 100 ], // pass 
 
     [ new Date(2012, 3, 14), 100 ], // pass 
 
     [ new Date(2012, 3, 15), 100 ], // pass 
 
     [ new Date(2012, 3, 16), 100 ], // pass 
 
     [ new Date(2012, 3, 17), 0 ]  // fail 
 
    ]); 
 

 
    var chart = new google.visualization.Calendar(document.getElementById('calendar_basic')); 
 
    chart.draw(dataTable, { 
 
     title: 'Build Execution Analytics', 
 
     height: 350, 
 
    }); 
 
    }, 
 
    packages:["calendar"] 
 
});

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

ため passと別のもの特定の番号を使用してお勧め

出典

2016-05-17 11:52:49 WhiteHat

ありがとう@WhiteHat。 –

Googleのカレンダーチャートでブール型の列を使用する方法は？

答えて

関連する問題