2016-10-19 4 views
0

私はRailsアプリケーションでhttps://github.com/ankane/chartkickを使用していますが、Y軸にパーセンテージの値が表示される折れ線グラフ(複数の系列が描かれます)が、ツールチップに表示されます実際の数値。これはどういうわけか達成可能ですか(JSチャートアダプター:Chart.js、Google ChartsまたはHighcharts) google chartsChartkick Y軸の比率と値の組み合わせ

答えて

0

、簡単に行ごとに

列の値は、代替的に、文字列または数値

として固有の値であることができる、あなたが提供するオブジェクトの表記法を使用することができる軸のラベルとツールチップの両方をカスタマイズすることができデータテーブルの値

各セルは、次のキー

v持つオブジェクトとして表すことができる - 値
f - 我々は、y軸に設定する値を提供できることを意味フォーマット値


主にツールチップに焦点を当てているが、ツールチップ

{ 
    v: 0.62, 
    f: '62' 
} 

に表示フォーマット値、 here is a simple example

を証明するかの一人のニーズ

両方の軸ラベルやツールを満たしていない何らかの理由先端がさらに折れ線グラフためconfiguration optionsで見出さ必要

軸ラベル
ようにカスタマイズすることができ、
カスタム軸ラベルがy軸のticks
を使用して提供することができ、特定のオプションは、vAxis.ticksあろう値の配列をとる
- >[0.10, 0.20, 0.30]
またはオブジェクト、再び上記のキーと

[ 
    {v: 0.10, f: '10%'}, 
    {v: 0.20, f: '20%'}, 
    {v: 0.30, f: '30%'} 
] 
上述したよう ticks

ツールチップ
customizing tooltipsを使用しての

here is a working exampleはかなりまっすぐ進む

で、デフォルトのツールチップは、フォーマットされた値(f:)が表示されます

か、HTML文字列を提供することができますあなたが表示する必要があるコンテンツと

各シリーズかもしれないha独自のカスタムツールチップは、
は...

カスタムHTMLのツールチップを提供するための各シリーズの列

here is a working example'tooltip' column roleを追加しまし

関連する問題