Google Chartsにバーの上にキャプションを表示

Question

私は単純なGoogleの縦棒グラフを1つのデータ系列で持っています。そして、私は各バーの上にキャプションを表示する必要があります。なぜなら、ツールチップでは十分ではないからです。 しかし、これを行うための標準オプションはありません。あなたはこれを見た？

google.load('visualization', '1', {packages: ['corechart']}); 

$(document).ready(function() { 

var data = new google.visualization.DataTable() 
    data.addColumn('string', 'Topping'); 
    data.addColumn('number', 'Slices'); 
    data.addRows([ 
    ['Mushrooms', 3], 
    ['Onions', 1], 
    ['Olives', 1], 
    ['Zucchini', 1], 
    ['Pepperoni', 2] 
]); 


new google.visualization.ColumnChart(document.getElementById('visualization')). 
draw(data, {width: 500, height: 440, legend: 'none', 
      enableInteractivity: false}); 
}); 

も、あなたはこの答えが求められて何よりも少しあるjsfiddle

Answer 1

で、このコードで遊ぶことができます。下のコードは、各バーの色と、各バーの上に異なるラベルを持つ棒グラフを作成する方法を示しています。

function drawVisualization() { 

  var data = google.visualization.arrayToDataTable([ 
    ['',        'Value', 'Value', 'Value', 'Value' ], 
    ['Label1',  0,       0,       0,       997974  ], 
    ['Label2',  1538156, 0,       0,       0       ], 
    ['Label3',  0,       440514,  0,       0       ], 
    ['Label4',  0,       0,       1004163, 0       ] 
  ]); 

  new google.visualization.BarChart(document.getElementById('visualization')). 
      draw(data, 
           { 
            isStacked: true, 
            legend: {position: 'none'}, 
            colors: ['grey', 'lightgray', 'yellow', 'cyan'] 
           } 
      ); 
}​ 

google playgroundに貼り付けてご確認ください。