2

チャートに日付値を使用するチャートにベースラインを描画しようとしています。コードは次のとおりです。チャートは次のようになります。

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Assignment');
  data.addColumn('date', 'Dummy');
  data.addRows([
    ['A', new Date(2011,1,1)],
    ['B', new Date(2012,1,1)], 
    ['C', new Date(2013,1,1)],
  ]);

  // Create and draw the visualization.
  new google.visualization.BarChart(document.getElementById('visualization')).
      draw(data,
           {
             width:600, height:400,
             hAxis: {baseline: new Date(2012,6,1), baselineColor: 'red'}
           }
      );
}

左のベースライン

これは予期された動作ではありません。ベースラインは 2012 年 7 月 1 日に設定されていますが、ずっと左側 (2011 年 1 月 1 日) に表示されています。

日付以外の軸グラフでこれを行うと、動作が異なります。

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Assignment');
  data.addColumn('number', 'Dummy');
  data.addRows([
    ['A', 1],
    ['B', 2], 
    ['C', 3],
  ]);

  // Create and draw the visualization.
  new google.visualization.BarChart(document.getElementById('visualization')).
      draw(data,
           {
             width:600, height:400,
             hAxis: {baseline: 1.5, baselineColor: 'red'}
           }
      );
}

正しいベースライン サンプル

ここで一体何が起こっているのですか?日付軸グラフのベースラインを設定することはできませんか?

4

0 に答える 0