DateFormat 在 Google Annotation Chart 上显示季度数

Question

我正在使用Google Annotation chart 每天、每周、每月和每季度显示数据。

选项设置为 -

dateFormat: 'Week w, MMM yyyy'

每周数据。它也适用于每日d MMM yyyy 和每月MMM yyyy。

但我没有找到任何显示季度数字的方法。也查看了Javascript Date，没有结果。

想根据日期显示季度数。任何帮助，将不胜感激。

样本数据

[
[new Date(2014, 10 - 1, 01), 615, 0, 615],
[new Date(2015, 01 - 1, 01), 5142, 0, 5142],
[new Date(2015, 04 - 1, 01), 8785, 0, 8785],
[new Date(2015, 07 - 1, 01), 11919, 914, 11005],
[new Date(2015, 10 - 1, 01), 14646, 2044, 12602],
[new Date(2016, 01 - 1, 01), 15801, 2426, 13375]
]

Answer 1

通过configuration options 查找dateFormat...
google 提供了一种将日期格式化为 Quarter....

的方法

用于在右上角显示日期信息的格式。该字段的格式由java SimpleDateFormat class 指定。

SimpleDateFormat 确实包含 Quarter 的选项，请参阅链接。

您可以简单地使用...
dateFormat: 'Q' -- Q1、Q2、Q3、Q4

或...
dateFormat: 'QQQQ' -- 第一季度、第二季度、第三季度、第四季度

例子……

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

function drawChart() {
  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Date');
  data.addColumn('number', 'Data Capture');
  data.addColumn('number', 'Contacts Lost');
  data.addColumn('number', 'Net Contact');
  data.addRows([
    [new Date(2014, 10 - 1, 01), 615, 0, 615],
    [new Date(2015, 01 - 1, 01), 5142, 0, 5142],
    [new Date(2015, 04 - 1, 01), 8785, 0, 8785],
    [new Date(2015, 07 - 1, 01), 11919, 914, 11005],
    [new Date(2015, 10 - 1, 01), 14646, 2044, 12602],
    [new Date(2016, 01 - 1, 01), 15801, 2426, 13375]
  ]);

  var chart = new google.visualization.AnnotationChart(document.getElementById('chart_div'));

  var options = {
    dateFormat: 'Q',
    displayAnnotations: true
  };

  chart.draw(data, options);
}

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>