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