adjust area-label style

antvis · Nov 19, 2019 · 050b848 · 050b848
1 parent 90ac31b
commit 050b848
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/src/plots/percentage-stack-column/layer.ts b/src/plots/percentage-stack-column/layer.ts
@@ -12,6 +12,7 @@ export default class PercentageStackColumnLayer extends StackColumn<PercentageSt
       label: {
         visible: true,
         position: 'middle',
+        offset: 0,
       },
       yAxis: {
         visible: true,

diff --git a/src/plots/stack-area/component/label/area-label.ts b/src/plots/stack-area/component/label/area-label.ts
@@ -58,6 +58,7 @@ class AreaLabel extends ElementLabels {
   private scaleFactor: number[] = [];
 
   public showLabels(points: any, shapes: Shape[]) {
+    console.log(this.get('labelOptions'));
     // 获取堆叠字段
     const stackField = this.get('element').get('attrs').color.scales[0].field;
     // 根据stackField将point分组

diff --git a/src/plots/stack-area/layer.ts b/src/plots/stack-area/layer.ts
@@ -39,6 +39,13 @@ export default class StackAreaLayer<T extends StackAreaLayerConfig = StackAreaLa
       label.offset = 0;
     }
 
+    if (labelType === 'area') {
+      label.style = _.deepMix({}, label.style, {
+        lineWidth: 0,
+        stroke: 'rgba(0,0,0,0)',
+      });
+    }
+
     this.area.label = getComponent('label', {
       fields: [this.getLabelField(labelType, props)],
       labelType,