谷歌图表注解显示点的右边

Question

我正在使用谷歌图表绘制一个图形。

如何在点的右侧显示点的注释，而在点的上方显示注释？http:/i.stack.imgur.comUHhQH.png。

我希望它像下面这样http:/i.stack.imgur.comlUBcq.png。

谁能帮帮我？

Answer 1

实际上，你可以通过使用css tranform来改变注释的位置。

你应该先得到一个注解文字的句柄，如果你想改变所有的文字，那么你可以使用css中的文字标签名

text {
    transform: translate(10px, 30px);
}

Answer 2

我能够通过做2件事将注释调整到右边。

1）在所需注释的左侧输入一些白色空间（\u00A0是白色空间）和一个长长的破折号（-）。

2）添加了-3的题干长度。

var dataTable = new google.visualization.DataTable();
 dataTable.addColumn('string', 'Model');
 dataTable.addColumn('number', 'T');
 dataTable.addColumn({type:'string', role:'annotation'});
 dataTable.addRows([
   ['ABC',30,'\u00A0\u00A0\u00A0\u00A0 — X'],
   ['DEF',20,'\u00A0\u00A0\u00A0\u00A0 — Y'],
   ['GHI',10,'\u00A0\u00A0\u00A0\u00A0 — Z'],
 ]);

var options = {
   1: {annotations: {stem: {length: -3}}
};