2016-10-06 3 views
0

こんにちは、みんな!Googleタイムライングラフ:2本の水平軸

タイムラインチャートを使用して、組織内の休暇のスケジュールを視覚化します。 今、それは次のようになります。また 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

ご迷惑をおかけして申し訳ございませんが、私が理解できる方法であなたの状態を述べていないため、最初の問題をお手伝いすることはできません。私は問題がタイトルのタイトルであると仮定しますが、あなたが意味することは分かりません。

第2号 - 言語選択 - Google Chartsにロード時に特定のローカリゼーションを使用するよう明示的に指示できます。私はなぜそれが矛盾するか分からない。言語を設定するための手順については、ここで見つけることができます:

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

あなたはそれを使用したい言語の標準的な2文字の言語コードを使用してください。例:en = english、fr =フランス語、ja = japanese。

+0

私の2番目の質問であなたの答えをありがとう。 そして、私は最初の質問についてはっきりしていなかったことを申し訳ありません。私はそれを言い換えようとする。 私はx軸(2月、3月、4月など)に沿ってラベルを持っています。私はそれをチャートの下部だけでなく、チャートの上部にも置いておきたい。 –

関連する問題