标签:charts google-visualization javascript jquery
我正在使用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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。