2016-10-06 6 views
0

Добрый день, ребята!Google Временная диаграмма: две горизонтальные оси

Я использую график временной шкалы для визуализации графика каникул в моей организации. Теперь это выглядит следующим образом: 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); 

Кроме того, есть очень странное поведение имен месяцев. Они меняют каждое обновление страницы с английских имен на мои родные имена.

Пожалуйста, помогите мне справиться с проблемами.

ответ

0

Извините, я не могу помочь вам с вашей первой проблемой, потому что вы не заявили об этом так, как я могу понять. Я предполагаю, что проблема заключается в названии вопроса, но я не знаю, что вы имеете в виду.

Для второй проблемы - выбор языка - вы можете прямо указать графическим картам Google использовать определенную локализацию при ее загрузке. Я не знаю, почему это было бы непоследовательно. Инструкции по настройке языка можно найти здесь:

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

Используйте стандартный код языка 2 букв для языка, который вы хотите его использовать. Примеры: en = английский, fr = французский, ja = японский.

+0

Благодарим вас за ответ на мой второй вопрос. И жаль, что я не был ясно о первом вопросе. Я пытаюсь перефразировать его. У меня есть метки вдоль оси x (февраль, март, апрель и т. Д.). Я хочу это не только в нижней части диаграммы, но и в верхней части диаграммы. –

 Смежные вопросы

  • Нет связанных вопросов^_^