test: 给radial-bar添加pattern的单测，增加文档

__tests__/unit/plots/radial-bar/pattern-spec.ts

@@ -0,0 +1,71 @@
+import { RadialBar } from '../../../../src';
+import { createDiv } from '../../../utils/dom';
+import { antvStar } from '../../../data/antv-star';
+
+const xField = 'name';
+const yField = 'star';
+
+describe('radial-bar pattern', () => {
+  it('pattern: obj', () => {
+    const bar = new RadialBar(createDiv(), {
+      width: 400,
+      height: 300,
+      data: antvStar,
+      xField,
+      yField,
+      pattern: {
+        type: 'line',
+      },
+    });
+    bar.render();
+
+    const geometry = bar.chart.geometries[0];
+    const elements = geometry.elements;
+    expect(elements[0].shape.attr('fill') instanceof CanvasPattern).toEqual(true);
+    expect(elements[1].shape.attr('fill') instanceof CanvasPattern).toEqual(true);
+    expect(elements[2].shape.attr('fill') instanceof CanvasPattern).toEqual(true);
+
+    bar.update({
+      pattern: false,
+    });
+
+    expect(bar.chart.geometries[0].elements[1].shape.attr('fill') instanceof CanvasPattern).toEqual(false);
+
+    bar.destroy();
+  });
+
+  it('pattern: callback', () => {
+    const bar = new RadialBar(createDiv(), {
+      width: 400,
+      height: 300,
+      data: antvStar,
+      xField,
+      yField,
+      pattern: (d) => {
+        if (d.star > 7346) {
+          return { type: 'dot' };
+        }
+      },
+    });
+    bar.render();
+
+    const geometry = bar.chart.geometries[0];
+    const elements = geometry.elements;
+    expect(elements[7].shape.attr('fill') instanceof CanvasPattern).toEqual(true);
+    expect(elements[0].shape.attr('fill') instanceof CanvasPattern).toEqual(false);
+
+    bar.update({
+      pattern: (d) => {
+        if (d.star > 7100) {
+          return { type: 'dot' };
+        }
+      },
+    });
+
+    expect(bar.chart.geometries[0].elements[7].shape.attr('fill') instanceof CanvasPattern).toEqual(true);
+    expect(bar.chart.geometries[0].elements[6].shape.attr('fill') instanceof CanvasPattern).toEqual(false);
+    expect(bar.chart.geometries[0].elements[5].shape.attr('fill') instanceof CanvasPattern).toEqual(true);
+
+    bar.destroy();
+  });
+});

docs/api/plots/radial-bar.en.md

@@ -65,6 +65,8 @@ Display type of plot. You can specify `type: 'line'` to display a `Radial-Line`
 
 `markdown:docs/common/color.en.md`
 
+`markdown:docs/common/pattern.en.md`
+
 ### Plot Components
 
 `markdown:docs/common/component.en.md`

docs/api/plots/radial-bar.zh.md

@@ -66,6 +66,8 @@ order: 25
 
 `markdown:docs/common/color.zh.md`
 
+`markdown:docs/common/pattern.zh.md`
+
 ### 图表组件
 
 `markdown:docs/common/component.zh.md`