如何在google api中左右对齐条形图的y轴值？

Question

我提到了 link

用于google api中的绘制条形图。在此处显示的图表中

在此图表中，我从右侧获得y轴值（在图表中标记）。 但我需要从左侧对齐y轴值。

期望显示格式y轴值：

0-19

20-64

64+

Answer 1

@asgallant当然是对的。

然而，实际上有一个解决方法！通常，Google可视化会删除特殊字符，例如\n，\t等，并且只会将 等HTML代码呈现为纯文本。但unicode字符按其应有的方式呈现。

因此，您可以在值的末尾添加unicode字符\u00A0（不间断空格）以填充空白，然后您将获得左对齐的vAxis。要使其在视觉上完全左对齐，请使用固定宽度字体，如monotype或courier。

 var n, f, max = 4;
 for (var i=0;i<data.getNumberOfRows();i++) {
    n=data.getValue(i,0).toString();
    for (f=n.length;f<=max;f++) { n+='\u00A0'; }
    data.setValue(i,0,n);
  }
  var options = {
    vAxis : { 
       textStyle : { fontName: 'courier' }
      }
  };

参见jsfiddle - ＆gt;的 http://jsfiddle.net/aB36z/