2017-09-04 10 views
2

データを小数として表示するGoogleグラフがあります。x軸に0をつけたフルカラーの数字が表示されない

小数をhourと表示しています。 minutes。したがって、3時間30分は3となります。私の元に、私は3.30として小数を入力環境午前にもかかわらず30

チャート上でマウスオーバー時に3.3と同様に先頭の0が入力されていることを確認するために5.1

私のソースとして示す5.10として表示されます日付9月1日、上の

google.charts.load('current', {'packages':['corechart']}); 
google.charts.setOnLoadCallback(drawChart); 
function drawChart() { 
    // ticket per day // 
    var data = google.visualization.arrayToDataTable([ 
           ['Time Tracked Hours', 'Non-Billable Hours', 'Billable Hours'], 
         ['8/29', 0, 0], 
         ['8/30', 0, 0], 
         ['8/31', 0, 0], 
         ['9/01', 3.30, 0], 
         ['9/02', 5.10, 0], 
         ['9/03', 0.05, 0], 
         ['9/04', 0, 0], 
          ]); 

    var options = { 
     title: '', 
     subtitle: 'by ticket status', 
     legend: {position: 'bottom'} 
    }; 

    var chart = new google.visualization.LineChart(document.getElementById('columnchart_ticketperday')); 

    chart.draw(data, options); 

私はこの

mouseover google chart #1を参照してくださいマウスの上に9/mouseover google chart #2

コードにoptionsがありますので、これを変更して先頭に0が表示されますか?私はJavascriptやjqueryで何かできますか?

デフォルトで
+1

...

が作業スニペットを次のように表示のチャートを描画する前に、フォーマットされた値

形式のデータテーブルの列を表示します私はGoogleがそれをとても複雑にしたのに驚いています...私はちょうど彼らの文書でそれを見つけることができませんでした...そして、私が本当に望むかどうかわかりません[このSOの回答](https://stackoverflow.com/questions/18204678/how-to-format-numbers-in-google-api-linechart)を理解する努力をしてください。がんばろう! –

+0

私は、ええ、私はすべてのこれらのドキュメントを読んでいると聞いて、私は答えを見つけることができません。いくつかの「近い」解決策がありますが、決定的なものはありません。 –

答えて

2

は、ツールチップは

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages: ['corechart'] 
 
}); 
 

 
function drawChart() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Time Tracked Hours', 'Non-Billable Hours', 'Billable Hours'], 
 
    ['8/29', 0, 0], 
 
    ['8/30', 0, 0], 
 
    ['8/31', 0, 0], 
 
    ['9/01', 3.30, 0], 
 
    ['9/02', 5.10, 0], 
 
    ['9/03', 0.05, 0], 
 
    ['9/04', 0, 0], 
 
    ]); 
 

 
    var formatNumber = new google.visualization.NumberFormat({ 
 
    pattern: '0.00' 
 
    }); 
 
    formatNumber.format(data, 1); 
 
    formatNumber.format(data, 2); 
 

 
    var options = { 
 
    title: '', 
 
    subtitle: 'by ticket status', 
 
    legend: {position: 'bottom'} 
 
    }; 
 

 
    var chart = new google.visualization.LineChart(document.getElementById('columnchart_ticketperday')); 
 
    chart.draw(data, options); 
 
}
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="columnchart_ticketperday"></div>

+0

完璧な人に感謝してくれました –

関連する問題