27

Google Charts APIでx軸ラベルを垂直にする方法を知っている人はいますか?

小さなチャートに多くのラベルを収める必要があります。

ありがとう

4

9 に答える 9

18

これは少し古いスレッドです。しかし、私はこれを自分で探していて、これに出くわしました...

https://developers.google.com/chart/interactive/docs/gallery/areachart#Configuration_Options

hAxis.slantedTextAngle および hAxis.slantedText を探します。垂直表示の場合は角度を 90 に設定します (または傾斜の場合はその間の任意の角度に設定します)。

于 2012-11-27T22:29:04.597 に答える
12

この問題を「回避」できるもう 1 つの方法は、x 軸を追加することです。

chxt=x,y

次のように変更できます。

chxt=x,y,x

(元の x 軸に対して行ったことが同じように適用されていることを確認してください) 次に、1 つの軸にラベルを 1 つおきに設定し、もう 1 つの x 軸に 1 つおきにラベルを設定します (または、ラベルの長さに応じて 3 つおき)。 

chx1=0:|Alpha||Gamma||Epsilon||Eta|2:||Beta||Delta||Zeta

|| の 2 つに注意してください。間の空のラベルの場合。そうすれば、グラフでラベルが軸から外れ、もう少しスペースができます。

Alpha    Gamma    Epsilon    Eta
    Beta      Delta      Zeta
于 2011-04-05T20:19:00.350 に答える
3

軸を回転させる方法が見つかりませんでしたが、ラベルを短くしてから、ラベルが実際に何を表しているかを説明する凡例を作成しました。

サンプルの Google チャートについては、ここをクリックしてください。

于 2010-12-01T06:03:48.670 に答える
3

はい！

hAxis.slantedText を true に設定してから、hAxis.slantedTextAngle=90 に設定します。そのようです...

var ac = new google.visualization.ComboChart(document.getElementById('visualization'));
    ac.draw(data, {
      title : 'Equipment Performance Chart',
      isStacked:true,
      vAxis: {
        viewWindowMode: 'explicit',
        viewWindow: {
            max: 100
            },
        title: "Percentage"
        },
      hAxis: {
        title: "Area",
        slantedText:true,
        slantedTextAngle:90
        },
      seriesType: "bars",

    });
于 2014-05-22T18:44:32.393 に答える
1

この API では、垂直方向の x 軸ラベルを取得する機能は提供されていません (必要なために見逃した場合を除きます)。データポイント ポイント ラベルと通常の x 軸ラベルを組み合わせたものです。完全ではありませんが、機能します。

さらに制御が必要な場合は、Dundas チャートのようなものを試すことができます

于 2009-04-24T17:14:44.660 に答える