javascript - 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...
谷歌提供了一种将日期格式化为季度....

The format used to display the date information in the top right corner. The format of this field is as specified by the 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>