Question

我正在使用谷歌图表绘制图表

如何在点的右侧显示点的注释，但它显示在点的顶部 http://i.stack.imgur.com/UHhQH.png

我想要如下 http://i.stack.imgur.com/lUBcq.png

请任何人帮帮我

Answer 1

您可以使用css tranform实际更改注释的位置。

首先应该获取anntation文本的句柄，如果要更改所有文本，则可以在css中使用文本标记名称

＆＃13;

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

＆＃13;

Answer 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}}
};

谷歌图表注释显示右侧的点

2 个答案: