Googleグラフの棒グラフの上に画像を表示する方法は？

Question

現在、GoogleではハイチャートからGoogleグラフに切り替え中です。 我々は実際の平均値との差に基づいて、矢印画像（現在の画像における下方赤色）を有する

ようなチャートを有するHighchartsを使用します。私はGoogleのグラフを使用してこれを達成しようとしたが、どこにも得られなかった。今までは、annotationTextプロパティを使ってHTMLを表示するだけでした。 この作業はGoogleのチャートを使用して可能ですか？何か回避策はありますか？

Answer 1

ここでは、列に何かを追加する方法を提案しました。これを適用して矢印をバーに追加することができます。

注釈をバーに使用できます。次の例では、単純なテキストにバーに注釈を付けることができます。バーのラベルを保持する：このデータテーブルで

、我々は{ '注釈の役割}：で新しい列を定義

var data = google.visualization.arrayToDataTable([ 
    ['Element', 'Density', { role: 'style' }, { role: 'annotation' } ], 
    ['Copper', 8.94, '#b87333', 'Cu' ], 
    ['Silver', 10.49, 'silver', 'Ag' ], 
    ['Gold', 19.30, 'gold', 'Au' ], 
    ['Platinum', 21.45, 'color: #e5e4e2', 'Pt' ] 
    ]); 

同様に、あなたは下向きの赤いのように異なって表示されるように注釈をフォーマットすることができますあなたは、フォーマッタを定義し、このような機能でそれをラップすることにより、追加したい矢印：更なる情報については

function getValueAt(column, dataTable, row) 
{ 
    return dataTable.getFormattedValue(row, column); 
} 

をこの点で、あなたはthisを参照することができます。