javascript-DateFormat在Google注释表上显示季度号

我正在使用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]
]

解决方法:

在configuration options中查找dateFormat …
google提供了一种将日期格式设置为Quarter的方法.

The format used to display the date information in the top right corner. The format of this field is as specified by the 07001.

SimpleDateFormat确实包含“季度”的选项,请参阅链接.

您可以简单地使用…
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>

标签：charts,google-visualization,javascript,jquery
来源： https://codeday.me/bug/20191119/2032889.html