fix(radial-bar): 修复line类型的珏玦图，设置color对point不生效 (#2185)

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

@@ -84,4 +84,23 @@ describe('radial-bar', () => {
     expect(bar.chart.getController('annotation').getComponents()[0].component.get('content')).toBe('Music');
     bar.destroy();
   });
+
+  it('展示形式为 line，自动带 point 且颜色可以对应上', () => {
+    const bar = new RadialBar(createDiv(), {
+      width: 400,
+      height: 300,
+      data: antvStar,
+      xField,
+      yField,
+      type: 'line',
+      color: (datum) => (datum[yField] < 800 ? 'red' : 'green'),
+    });
+    bar.render();
+    const line = bar.chart.geometries[0];
+    const point = bar.chart.geometries[1];
+    expect(line.attributes.shape.values[0]).toBe('line');
+    expect(point.type).toBe('point');
+    line.elements.forEach((ele, idx) => expect(ele.shape.attr('color')).toBe(point.elements[idx].shape.attr('color')));
+    bar.destroy();
+  });
 });

src/plots/radial-bar/adaptor.ts

@@ -1,7 +1,7 @@
 import { interaction, animation, theme, scale, tooltip, legend, annotation } from '../../adaptor/common';
 import { Params } from '../../core/adaptor';
 import { flow, deepAssign } from '../../utils';
-import { interval } from '../../adaptor/geometries';
+import { interval, point } from '../../adaptor/geometries';
 import { RadialBarOptions } from './types';
 import { getScaleMax } from './utils';
 
@@ -26,7 +26,10 @@ function geometry(params: Params<RadialBarOptions>): Params<RadialBarOptions> {
   });
   interval(p);
   if (type === 'line') {
-    chart.point().position(`${xField}*${yField}`).shape('circle');
+    point({
+      chart,
+      options: { xField, yField, seriesField: colorField, point: { shape: 'circle', color } },
+    });
   }
   return params;
 }