feat: add lineWidth to Radar area and add group to scatter

Author: duxinyue.dxy

__tests__/charts/area.json

@@ -37,6 +37,10 @@
             "description": "Background color of the chart, such as, '#fff'.",
             "type": "string"
           },
+          "lineWidth": {
+            "description": "Line width for the lines of chart, such as 4.",
+            "type": "number"
+          },
           "palette": {
             "description": "Color palette for the chart, it is a collection of colors.",
             "items": {

__tests__/charts/radar.json

@@ -32,6 +32,10 @@
             "description": "Background color of the chart, such as, '#fff'.",
             "type": "string"
           },
+          "lineWidth": {
+            "description": "Line width for the lines of chart, such as 4.",
+            "type": "number"
+          },
           "palette": {
             "description": "Color palette for the chart, it is a collection of colors.",
             "items": {

__tests__/charts/scatter.json

@@ -11,6 +11,10 @@
         "items": {
           "type": "object",
           "properties": {
+            "group": {
+              "description": "Group name for the data point.",
+              "type": "string"
+            },
             "x": {
               "type": "number"
             },

src/charts/area.ts

@@ -11,6 +11,7 @@ import {
   TitleSchema,
   WidthSchema,
 } from "./base";
+import { line } from "./line";
 
 // Area chart data schema
 const data = z.object({
@@ -37,6 +38,10 @@ const schema = {
       backgroundColor: BackgroundColorSchema,
       palette: PaletteSchema,
       texture: TextureSchema,
+      lineWidth: z
+        .number()
+        .optional()
+        .describe("Line width for the lines of chart, such as 4."),
     })
     .optional()
     .describe("Custom style configuration for the chart."),

src/charts/radar.ts

@@ -30,6 +30,10 @@ const schema = {
       backgroundColor: BackgroundColorSchema,
       palette: PaletteSchema,
       texture: TextureSchema,
+      lineWidth: z
+        .number()
+        .optional()
+        .describe("Line width for the lines of chart, such as 4."),
     })
     .optional()
     .describe("Custom style configuration for the chart."),

src/charts/scatter.ts

@@ -16,6 +16,7 @@ import {
 const data = z.object({
   x: z.number(),
   y: z.number(),
+  group: z.string().optional().describe("Group name for the data point."),
 });
 
 // Scatter chart input schema