google-visualization - 使用不同的数据系列作为柱形图列的静态标签

Question

我目前有一个柱形图，显示特定产品的销售数量占所有销售额的百分比。理想情况下，我希望用我拥有的附加数据系列的实际销售产品价值来标记每一列。有没有办法做到这一点？我最接近的是有一个带有两个不同垂直轴的折线图，但我真的想要一些带有列的东西 - 以及静态显示的数据标签。

非常感谢您对此的帮助。

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:'#,###%'
        }
      }
          );
}

我想这就是你要找的。如果您正在寻找不同的东西，请告诉我。