fix(Chord): 修复弦图label 样式不能修改的问题 (#3270)

Co-authored-by: ai-qing-hai <[email protected]>

Author: ai-qing-hai

__tests__/bugs/issue-3200-spec.ts

@@ -0,0 +1,44 @@
+import { Chord } from '../../src';
+import { createDiv } from '../utils/dom';
+import { delay } from '../utils/delay';
+
+describe('#3200', () => {
+  const DATA = [
+    { source: '北京', target: '天津', value: 30 },
+    { source: '北京', target: '上海', value: 80 },
+    { source: '北京', target: '河北', value: 46 },
+    { source: '北京', target: '辽宁', value: 49 },
+    { source: '北京', target: '黑龙江', value: 69 },
+    { source: '北京', target: '吉林', value: 19 },
+    { source: '天津', target: '河北', value: 62 },
+    { source: '天津', target: '辽宁', value: 82 },
+    { source: '天津', target: '上海', value: 16 },
+    { source: '上海', target: '黑龙江', value: 16 },
+    { source: '河北', target: '黑龙江', value: 76 },
+    { source: '河北', target: '内蒙古', value: 24 },
+    { source: '内蒙古', target: '北京', value: 32 },
+  ];
+
+  const chord = new Chord(createDiv(), {
+    data: DATA,
+    sourceField: 'source',
+    targetField: 'target',
+    weightField: 'value',
+    label: {
+      style: {
+        fill: 'red',
+      },
+    },
+  });
+
+  chord.render();
+
+  it('Chord label ', async () => {
+    await delay(200);
+    const fill = chord.chart.canvas.findAllByName('label')[0]?.cfg?.children[0].attr('fill');
+
+    expect(fill).toEqual('red');
+
+    chord.destroy();
+  });
+});

src/plots/chord/constant.ts

@@ -22,14 +22,14 @@ export const DEFAULT_OPTIONS = {
       const centerX = (x[0] + x[1]) / 2;
       const offsetX = centerX > 0.5 ? -4 : 4;
       return {
-        labelEmit: true,
-        style: {
-          fill: '#8c8c8c',
-        },
         offsetX,
         content: name,
       };
     },
+    labelEmit: true,
+    style: {
+      fill: '#8c8c8c',
+    },
   },
   tooltip: {
     showTitle: false,