Google时间轴图表:两个横轴

时间:2016-10-06 11:47:27

标签: javascript charts google-visualization timeline

美好的一天,伙计们!

我使用时间表图表来显示组织中的假期计划。 现在它看起来像这样: the bottom of the chart

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);

此外,几个月的名字有一种非常奇怪的行为。他们正在将页面的每个刷新从英文名称更改为我的本机名称。

请帮助我解决问题。

1 个答案:

答案 0 :(得分:0)

抱歉,我无法帮助您解决您的第一个问题,因为您没有以我能理解的方式说出来。我认为问题出在问题标题中,但我不知道你的意思。

对于第二个问题 - 语言选择 - 您可以明确告诉Google Charts在加载时使用特定的本地化。我不知道为什么它会不一致。有关设置语言的说明,请访问:

https://developers.google.com/chart/interactive/docs/basic_load_libs#loadwithlocale

使用您希望它使用的语言的标准双字母语言代码。例如:en = english,fr = french,ja = japanese。