google-visualization - 縦棒グラフの列の静的ラベルとして異なるデータ シリーズを使用する

Question

現在、特定の製品の販売数量を全売上のパーセンテージとして表示する縦棒グラフがあります。理想的には、各列に、追加の一連のデータとして販売された製品の実際の値をラベル付けしたいと思います。これを行う方法はありますか？私が最も近いのは、2 つの異なる縦軸を持つ折れ線グラフを作成することですが、実際には、列とデータ ラベルを静的に表示するものが必要です。

これについての助けを前もって感謝します。

Answer 1

{v: .2, f: '234 units'} を使用して、値 (20%、プロットされたもの) とマウスオーバーで表示される形式 (234 単位、データを強調表示したときに表示されるもの) を区別できます。

例えば：

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Product');
  data.addColumn('number', 'Percent');
  data.addRows([
    ['A', {v: .1, f: '123 units'}],
    ['B', {v: .2, f: '234 units'}],
    ['C', {v: .3, f: '345 units'}],
    ['D', {v: .4, f: '456 units'}],
    ['E', {v: .5, f: '567 units'}],
  ]);

  // Create and draw the visualization.
  new google.visualization.ColumnChart(document.getElementById('visualization')).
      draw(data,{
        width:600,
        height:400,
        vAxis: {
          format:'#,###%'
        }
      }
          );
}

これがあなたが探しているものだと思います。何か違うものを探している場合はお知らせください。