時刻表の時刻型にnull値を追加するには

Question

Google Chartに空値を表すためにTimeofdayのnullを送信したいのですが、エラーが表示されます。

がどのように私はTIMEOFDAY型のnull値を追加するヌルのプロパティ '長さ' を読み取ることができませんか？これは私のコードです。

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

function drawChart() { 

    var data = new google.visualization.DataTable(); 
    data.addColumn('date', 'Day'); 
    data.addColumn('timeofday', 'A'); 
    data.addColumn('timeofday', 'B'); 

    data.addRows([ 
     [new Date(2016, 06, 1), [02, 51, 56], [02, 51, 56]], 
     [new Date(2016, 06, 2), [02, 51, 56], [02, 51, 56]], 
     [new Date(2016, 06, 3), null, [02, 51, 56]], 
     [new Date(2016, 06, 4), [02, 51, 56], [02, 51, 56]], 
    ]); 

    var options = { 
     chart: { 
      title: 'Test', 
      subtitle: 'test' 
     }, 
     width: 900, 
     height: 500 
    }; 

    var chart = new google.charts.Line(document.getElementById('linechart_material')); 
    chart.draw(data, options); 
} 

私は私のチャートは、このことを期待し、しかしTIMEOFDAYタイプインチ対作品材質チャートコアチャートを使用して

Answer 1

...

あなたは外観を得ると材質チャート

に近い感じに次のオプションを使用することができます

theme: 'material'

以下の例を参照してください...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('date', 'Day'); 
 
    data.addColumn('timeofday', 'A'); 
 
    data.addColumn('timeofday', 'B'); 
 

 
    data.addRows([ 
 
     [new Date(2016, 06, 1), [02, 51, 56], [02, 52, 56]], 
 
     [new Date(2016, 06, 2), [02, 51, 56], [02, 52, 56]], 
 
     [new Date(2016, 06, 3), null,   [02, 52, 56]], 
 
     [new Date(2016, 06, 4), [02, 51, 56], [02, 52, 56]], 
 
     [new Date(2016, 06, 5), [02, 51, 56], [02, 52, 56]], 
 
    ]); 
 

 
    var options = { 
 
     chart: { 
 
     title: 'Test', 
 
     subtitle: 'test' 
 
     }, 
 
     theme: 'material', 
 
     width: 900, 
 
     height: 500 
 
    }; 
 

 
    var chartCore = new google.visualization.LineChart(document.getElementById('linechart_core')); 
 
    chartCore.draw(data, options); 
 

 
    var chartMatl = new google.charts.Line(document.getElementById('linechart_material')); 
 
    chartMatl.draw(data, google.charts.Line.convertOptions(options)); 
 
    }, 
 
    packages: ['corechart', 'line'] 
 
});

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