docs(radial-bar): 增加两个新的玉珏图 demo

Author: visiky

examples/more-plots/radial-bar/demo/grouped.ts

@@ -0,0 +1,16 @@
+import { RadialBar } from '@antv/g2plot';
+
+fetch('https://gw.alipayobjects.com/os/antfincdn/8elHX%26irfq/stack-column-data.json')
+  .then((data) => data.json())
+  .then((data) => {
+    const plot = new RadialBar('container', {
+      data,
+      xField: 'year',
+      yField: 'value',
+      colorField: 'type',
+      isGroup: true,
+      maxAngle: 270,
+    });
+
+    plot.render();
+  });

examples/more-plots/radial-bar/demo/meta.json

@@ -28,6 +28,24 @@
       },
       "screenshot": "https://gw.alipayobjects.com/zos/antfincdn/l6uP5%26MiT7/385e3f80-52ec-49e9-9dfe-bd447e63203f.png"
     },
+    {
+      "filename": "stacked.ts",
+      "title": {
+        "zh": "堆叠玉珏图",
+        "en": "Stacked Radial-Bar plot"
+      },
+      "new": true,
+      "screenshot": "https://gw.alipayobjects.com/zos/antfincdn/tft60hEBvN/594d5cfc-8da0-441b-89dd-81eb4f5657b6.png"
+    },
+    {
+      "filename": "grouped.ts",
+      "title": {
+        "zh": "分组玉珏图",
+        "en": "Grouped Radial-Bar plot"
+      },
+      "new": true,
+      "screenshot": "https://gw.alipayobjects.com/zos/antfincdn/M2EJJVBmHE/8984eee5-da51-4afb-8e81-34a8aaab47c0.png"
+    },
     {
       "filename": "background.ts",
       "title": {

examples/more-plots/radial-bar/demo/stacked.ts

@@ -0,0 +1,16 @@
+import { RadialBar } from '@antv/g2plot';
+
+fetch('https://gw.alipayobjects.com/os/antfincdn/8elHX%26irfq/stack-column-data.json')
+  .then((data) => data.json())
+  .then((data) => {
+    const plot = new RadialBar('container', {
+      data,
+      xField: 'year',
+      yField: 'value',
+      colorField: 'type',
+      isStack: true,
+      maxAngle: 270,
+    });
+
+    plot.render();
+  });