web-dev-qa-db-ja.com

Googleグラフの軸のスケール(Googleスプレッドシートから)

グラフフォームのGoogleスプレッドシートを生成しました。横軸のレポートには、1、2、3、4、5、10、20、30、40、50、100、200、300、400、500、600、700、800、900、1000という値があります。 Chartはそれらを数値ではなくラベルとして解釈します。

enter image description here

したがって、1と4の間の距離は20と50の間の距離と同じです。どのように変更しますか? (多分私は入力データを変換する必要があります-どのように?)

これは私のスプレッドシートです 入力データ、クエリ、およびチャート。

私はそのようなスクリプトでウェブページにそれを埋め込みたいです:

    <script type="text/javascript" src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js"> 
{"dataSourceUrl":"//spreadsheets.google.com/spreadsheet/tq?key=0AtdHElsKyNw9dERVZ1lZRVNmYmRqSlVVbWszd3BVdGc&transpose=0&headers=1&range=F1%3AI21&gid=0&pub=1",
"options":{
    "reverseCategories":false,"titleX":"thousand objects","backgroundColor":"#FFFFFF","pointSize":0,
    "width":510,
    "vAxis":{"format":"#0.##########"},
    "smoothLine":true,"lineWidth":2,"logScale":false,"hasLabelsColumn":true,
    "hAxis":{"maxAlternation":1},
    "vAxes":[{"min":null,"title":"ms","max":null,"maxValue":null}],
    "title":"Performance of exposing previous value in AspectJ set-pointcut",
    "height":400,"interpolateNulls":false,"legend":"bottom","reverseAxis":false
},
"state":{},
"chartType":"LineChart",
"chartName":"Performance test"
} </script>
15
zacheusz

これを行うには、[詳細設定]領域で縦軸を構成します。

enter image description here

私はちょうどやった、そしてそれは魅力のように働いた。 :)

8
Josh Koenig

Googleスプレッドシートでは、軸を数値として理解できる唯一のグラフタイプはScatterです。

それがあなたに合わない場合(例えば、あなたが特定の行を必要としているため)、あなたはデータを扱う必要があります。つまり、軸などの固定ステップを決定する必要があります。 10(または必要に応じてその他の解像度)を選択し、隣接するポイント間の線形回帰や多項式補間など、データに基づいた数式を使用してデータ列を埋めます。

私はQUERY関数にはあまり熟練していません。多分それはあなたがそれを自動的に行うのを助けることができます。私は、ArrayFormulasなどの他の「より複雑な」数式構造を使用してそれを行う方法を知っているだけです。

4

他の解決策を見つけました。 X軸データのタイプを「ストリング」ではなく「数値」および折れ線グラフとして使用します

詳細については、そのドキュメントを確認してください: https://developers.google.com/chart/interactive/docs/customizing_axes#Discrete_vs_Continuous

3
Andrzej