4

Google Chart Tools を使用して、データが欠落している単純なグラフを描画します。私のコードでは、次の画像のようになります。

(1)と(4)を(4)-(5)のように線で結ぶことはできますか? 別のタイプのグラフを使用して同じ結果を得ることができるでしょうか? interpolateNullsオプションでArea Chart を試してみましたが、結果は同じでした。NULL2 つ以上NULLs連続してではなく、日付で囲まれた sのみを補間できます。

以下はサンプルコードです。

google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'Year');
  data.addColumn('number', 'Sales');
  data.addRows([
    [1, 1000],
    [2, null],
    [3, null],
    [4, 1030],
    [5, 1080]
  ]);
  var options = {
    'title'     : 'Line chart',
    'width'     : 400,
    'height'    : 300,
    'lineWidth' : 2
  };

  var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}
<html>
    <body>
        <div id="chart_div"></div>
    </body>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
</html>

4

1 に答える 1