feat(guide): support offset setting for Guide.Text.

antvis · Dec 27, 2017 · c0564ae · c0564ae
1 parent b83b5e9
commit c0564ae
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/demos/bar-animate.html b/demos/bar-animate.html
@@ -63,9 +63,11 @@
   data.forEach(function (obj, index) {
     // 文字部分
     const offsetY = obj.tem > 0 ? -16 : 14;
-    chart.guide().html([obj.month, obj.tem], `<div style='color: #999999;'><span>${obj.tem}</span></div>`, {
-      align: 'cc',
-      offset: [0, offsetY]
+    chart.guide().text([obj.month, obj.tem], obj.tem, {
+      offset: [0, offsetY],
+      textAlign: 'center',
+      fontSize: 14,
+      textBaseline: 'middle'
     });
     // 背景部分
     const offset = 0.25;

diff --git a/src/guide/text.js b/src/guide/text.js
@@ -29,6 +29,12 @@ class Text extends Guide {
     const point = self.parsePoint(coord, position);
     const cfg = self.cfg;
     const text = self.text;
+
+    if (cfg.offset) { // support offset
+      point.x += cfg.offset[0];
+      point.y += cfg.offset[1];
+    }
+
     G.drawText(text, point, canvas, cfg);
   }
 }

diff --git a/src/theme.js b/src/theme.js
@@ -88,7 +88,8 @@ const Theme = {
     },
     text: {
       fill: '#000',
-      textAlign: 'center'
+      textAlign: 'center',
+      offset: [ 0, 0 ]
     },
     rect: {
       fillStyle: '#fafafa'