日期值的“baseline”选项在Google Visualization中不起作用

时间:2013-06-21 02:18:33

标签: javascript datetime google-visualization

我正在尝试在图表上绘制基线,该图表使用日期值来绘制图表。这是代码,这是图表的样子:

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'}
           }
      );
}

Baseline on Left

这不是预期的行为 - 基线设定为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'}
           }
      );
}

correct baseline sample

这到底是怎么回事?是否无法设置日期轴图表的基线?

0 个答案:

没有答案