谷歌时间轴图表:两个水平轴
Google Timeline chart: two horizontal axis
大家好!
我用一个时间表来形象化我的组织中的假期安排。现在看起来是这样的:图表的底部
var container = document.getElementById('chart');
var chart = new window.google.visualization.Timeline(container);
var dataTable = new window.google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Name' });
dataTable.addColumn({ type: 'string', id: 'BarDates' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
dataTable.addColumn({ type: 'string', role: 'tooltip' });
var beginStr = "";
var endStr = "";
for (var i = 0; i < rows.length; i++) {
var elems = rows[i].split(',');
var begin = new Date(elems[1]);
beginStr = (begin.getDate() < 10 ? '0' + begin.getDate() : begin.getDate()) + '/' +
(begin.getMonth() + 1 < 10 ? '0' + (begin.getMonth() + 1) : begin.getMonth() + 1);
var end = new Date(elems[2]);
endStr = (end.getDate() < 10 ? '0' + end.getDate() : end.getDate()) + '/' +
(end.getMonth() + 1 < 10 ? '0' + (end.getMonth() + 1) : end.getMonth() + 1);
if (beginStr === endStr) {
isHidden = true;
}
if (elems.length > 1) {
dataTable.addRow([elems[0], beginStr + ' - ' + en`enter code here`dStr, begin, end, elems[3]]);
} else {
count = elems[0] - 0;
}
}
var options = {
tooltip: { isHtml: true },
timeline: {
colorByRowLabel: true
},
width: $('#chart').width(),
hAxis: {
minValue: new Date(date - 0, 0, 0),
maxValue: new Date(date - 0 + 1, 0, 0)
},
backgroundColor: '#fff'
};
$('#chart').height(count * 42 + 60);
chart.draw(dataTable, options);
此外,月份的名字有一个非常奇怪的行为。每刷新一页,他们就把英文名字换成我的母语名字。
请帮我解决这个问题。
对不起,我无法帮助你解决你的第一个问题,因为你没有以我能理解的方式陈述。我想问题出在题目里,但我不知道你是什么意思。
对于第二个问题—语言选择—您可以显式地告诉Google Charts在加载时使用特定的本地化。我不知道为什么会前后矛盾。设置语言的说明可以在这里找到:
https://developers.google.com/chart/interactive/docs/basic_load_libs loadwithlocale
对于你想要使用的语言,使用标准的2个字母的语言代码。例如:en=英语,fr=法语,ja=日语
相关文章:
- JQuery合并了keyup和focusout两个函数
- 如何使用 node.js 比较两个 json 数组
- 为复选框javascript指定两个值
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 单击时切换两个图像
- 我可以'我似乎不知道如何修复javascript中的两个lint.有人能帮我理解吗
- 基于两个条件退出While循环
- 如何在这里将两个值最低的数字相加
- 组合两个javascript函数
- 如何使用offer/answer交换来自两个对等连接的流
- jsf中两个字符串的颜色代码差异
- 加载两个具有相同父密钥名称的json文件
- 在Qualtrics中,介绍如何动态连接两个滑块
- 访问$.ajax()函数中的两个不同数组
- 如何在three.js上添加两个向量
- JQplot-只有两个事实的堆叠水平条形图
- 可缩放的树图与两个以上的水平,D3plus
- 如何把两个按钮放在相同的水平对齐
- 谷歌时间轴图表:两个水平轴
- 两个svg水平相连