2016-04-13 12 views
0

私はGoogleの視覚化の線図を持っています。 h軸上のラベルの書式設定に問題があります。私はそれらを整数に切り捨てて、それがきれいに見えるようにしたいと思います。私はドキュメントを見ていますが、解決策を見つけることができませんでした。H軸のラベル値を整数に丸める方法は?

$(document).ready(function(){ 
    var chartData = new google.visualization.DataTable(); 
    chartData.addColumn('number', 'SPS'); 
    chartData.addColumn('number', 'WGT'); 
    var chartdatax = ["47", "47", "38", "35", "35"]; 
    var chartdatay = ["1500", "2300", "2300", "1950", "1500"]; 
    for (var i = 0; i < chartdatax.length; i++) { 
    chartData.addRow([parseFloat(chartdatax[i]), parseFloat(chartdatay[i])]); 
    }; 
    options2 = { 
    height: 500, 
    hAxis: { 
     title: 'SPS', 
     gridlines: { 
     count: 15 
     } 
    }, 
    vAxis: { 
     title: 'WGT', 
     gridlines: { 
     count: 15 
     } 
    }, 
    chartArea: { 
     top: 40, 
     width: "70%", 
     height: "75%" 
    }, 
    legend: { 
     position: 'none' 
    }, 
    pointSize: 5 
    }; 
    myLineChart = new google.visualization.LineChart(document.getElementById('myChart2')); 
    myLineChart.draw(chartData, options2); 
}); 

JSFiddle

<div id="myChart2" name="myChart2" width="500" height="280"></div> 

jQueryの

HTML::https://jsfiddle.net/rdawkins/w83mdx3y/2/

答えて

0

あなたのにformat:'#,###'を追加することができますここに私のコードです10対象:

hAxis: { 
    format:'#,###', 
    title: 'SPS', 
    gridlines: { 
    count: 15 
    } 
}, 

ここにあなたのフィドルの更新されたバージョンがあります:https://jsfiddle.net/w83mdx3y/3/

が、これがどのように動作するかの詳細については、チャートのマニュアルのcustomizing axesを参照してください。

+0

ありがとうアレッサンドロ。ただし、配列の値を変更すると、重複したラベル値が作成されます。 https://jsfiddle.net/rdawkins/w83mdx3y/4/ –

+0

値を変更した例を教えてもらえますか?あなたは 'myLineChart.draw(chartData、options2);'をもう一度呼びますか? –

+0

いいえ、私は '38,38'のような重複したラベル値があることを意味します。値を変更することで、私は 'var chartdatax = [" 47 "、" 47 "、" 38 "、" 35 "、" 35 "];' 'var chartdatax = [" 47 "、" 47.1 "、" 38.5 " "、" 35 "、" 35 "];'あなたは上記のフィドルで結果を見ることができます。 –

関連する問題