如何在Google日历图表中使用布尔类型列？

我想在谷歌的日历类型图表上使用布尔类型（真/假）来描述构建状态（通过或失败）。我正在使用下面的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（可选）

我建议使用一定数量为pass，另一个用于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>

来源

2016-05-17 11:52:49 WhiteHat

谢谢@WhiteHat。 –

如何在Google日历图表中使用布尔类型列？

回答

相关问题