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

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

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

1 个答案: