1

単位がポイントと一致しない折れ線グラフ

横軸の単位がグラフの対応するポイントと一致しない Google グラフ API 折れ線グラフがあります。画像を参照してください。

h 軸が 10 進数を使用しないようにするオプションを使用しました。

hAxis: { title: 'some title', format: '#' }

私は他の関連するオプションを使用しておらず、問題を解決できると思われるオプションをドキュメントに見つけていません..

更新: チャートを生成するコード:

var options = { title: '<%# Strings.GameStatisticsView_GameProgressChart %>', hAxis: { title: '<%# Strings.ScoreBoard_RoundNr %>', format: '#' }, vAxis: { title: '<%# Strings.Common_Points %>' }, backgroundColor: { fill: 'transparent' }, elementId: 'GameProgressChart', column1: 'Round Nr' };
drawLineChart(response.d.Data, options);

...

drawLineChart: function (data, options) {
    var dataTable = new google.visualization.DataTable();
    dataTable.addColumn('number', options.column1);
    for (var j = 0; j < data.key.length; j++) {
        dataTable.addColumn('number', data.key[j]);
    }
    dataTable.addRows(data.value.length);
    for (var i = 0; i < data.value.length; i++) {
        dataTable.setValue(i, 0, data.value[i].key);
        for (var k = 0; k < data.key.length; k++) {
            dataTable.setValue(i, k+1, data.value[i].value[k]);
        }
    }

    var chart = new google.visualization.LineChart(document.getElementById(options.elementId));        
    chart.draw(dataTable, options);   
},

コメントからの解決策: x 軸のステップをハードコードすることはできませんが、グリッド線の数をハードコードすることはできます。リンクを参照してください。

4

1 に答える 1

1

あなたがまだこれに対する答えを必要としているとは思えませんが、誰かが同じ状況にあるはずです..

format: '#'値の形式を 1 桁に強制するため、例の 3 は 3.3 前後である可能性が最も高いですが、適用される書式設定のために整数部分しか表示されません。

于 2013-03-11T22:08:25.300 に答える