@visactor/vchart-aurora-theme 1.12.3-alpha.7 → 1.13.0

package/build/index.js

@@ -111,6 +111,12 @@
         shape: {
             shapeType: 'circle',
             size: 8
+        },
+        mark: {
+            visible: false
+        },
+        dimension: {
+            visible: true
         }
     };
 
@@ -147,6 +153,16 @@
             }
         }
     };
+    const radarCrosshair = {
+        categoryField: {
+            line: {
+                style: {
+                    lineDash: [0],
+                    lineWidth: 1
+                }
+            }
+        }
+    };
 
     const area = {
         area: {
@@ -199,6 +215,7 @@
     const bar = {
         barMaxWidth: 16,
         barGapInGroup: 2,
+        barMinHeight: 2,
         bar: {
             style: {
                 visible: datum => datum.value > 0
@@ -249,6 +266,21 @@
         }
     };
 
+    const scatter = {
+        point: {
+            style: {
+                symbolType: 'circle',
+                fillOpacity: 0.35,
+                lineWidth: 1,
+                size: 8,
+                stroke: null
+            }
+        },
+        label: {
+            position: 'top'
+        }
+    };
+
     const pie = {
         outerRadius: 0.8,
         innerRadius: 0,
@@ -286,8 +318,8 @@
                             text: `${data === null || data === void 0 ? void 0 : data.value}\n`,
                             fill: '#111',
                             fontSize: 16,
-                            fontWeight: '500',
-                            fontFamily: 'douyinNumber',
+                            fontWeight: 500,
+                            fontFamily: 'Douyin Number ABC',
                             stroke: false,
                             textAlign: cos < 0 ? 'right' : 'left'
                         },
@@ -295,7 +327,7 @@
                             text: data === null || data === void 0 ? void 0 : data.type,
                             fill: '#606165',
                             fontSize: 12,
-                            fontWeight: '400',
+                            fontWeight: 400,
                             stroke: false,
                             textAlign: cos < 0 ? 'right' : 'left'
                         }
@@ -313,16 +345,84 @@
             style: {
                 type: 'rich',
                 boundsPadding: [6, 0, 6, 0]
+            },
+            legend: {
+                visible: true,
+                orient: 'bottom'
             }
         }
     };
 
+    const axis = {
+        axisRadius: {
+            domainLine: {
+                visible: false
+            },
+            grid: {
+                smooth: false,
+                style: {
+                    lineDash: [4, 4]
+                }
+            }
+        },
+        axisAngle: {
+            domainLine: {
+                visible: true
+            },
+            tick: {
+                visible: false
+            },
+            grid: {
+                style: {
+                    lineDash: [0]
+                }
+            }
+        }
+    };
+
+    const radar = {
+        point: {
+            style: {
+                visible: false,
+                size: 12,
+                lineWidth: 2,
+                shadowColor: 'rgba(0, 0, 0, 0.1)',
+                shadowBlur: 3,
+                stroke: '#fff'
+            },
+            state: {
+                dimension_hover: {
+                    visible: true
+                }
+            }
+        },
+        area: {
+            visible: true,
+            style: {
+                fillOpacity: 0.1,
+                lineDash: [2, 2]
+            }
+        },
+        line: {
+            style: {
+                lineWidth: 2
+            },
+            state: {
+                dimension_hover: {
+                    lineDash: [0],
+                    lineWidth: 2
+                }
+            }
+        },
+        outerRadius: 0.8
+    };
+
     const chartAuroraTheme = {
         name: 'aurora',
         type: 'light',
         description: 'light theme for Aurora.',
         colorScheme,
-        component: Object.assign(Object.assign({}, legend), { tooltip }),
+        component: Object.assign(Object.assign(Object.assign({}, legend), { tooltip }), axis),
         chart: {
             line: {
                 component: Object.assign({ crosshair: lineCrosshair }, lineLegend)
@@ -339,9 +439,16 @@
                         dataScheme: barColorList
                     }
                 }
+            },
+            radar: {
+                component: {
+                    crosshair: radarCrosshair
+                }
             }
         },
-        series: Object.assign(Object.assign(Object.assign({ pie }, barTheme), area), { line })
+        series: Object.assign(Object.assign(Object.assign({ pie }, barTheme), area), { line,
+            radar,
+            scatter })
     };
     const allThemeMap = new Map([[chartAuroraTheme.name, chartAuroraTheme]]);
 

package/build/index.min.js

@@ -1 +1 @@
-!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((e="undefined"!=typeof globalThis?globalThis:e||self)["vchart-aurora-theme"]={})}(this,(function(e){"use strict";const i=["#3377FF","#1FE7F9","#53F3B3","#FFCD50","#ADB8D6","#867AFF","#FAA64D","#FF8082","#B46FF4"],t={discreteLegend:{visible:!0,orient:"top",position:"middle",maxRow:1,title:{visible:!1},item:{visible:!0,background:{visible:!1},shape:{style:{size:[8,2],symbolType:"rect"}}},allowAllCanceled:!1}},o={bandField:{line:{type:"line",width:1,style:{lineWidth:1,stroke:"#DCDEE1",lineDash:[2,2]}}}},F={bar:{barMaxWidth:16,barGapInGroup:2,bar:{style:{visible:e=>e.value>0}}},bar_horizontal:{stackCornerRadius:[0,2,2,0],label:{position:"right",offset:4}},bar_vertical:{stackCornerRadius:[2,2,0,0],label:{position:"top",offset:4}}},l={outerRadius:.8,innerRadius:0,pie:{style:{padAngle:0,stroke:"#fff",lineWidth:2,lineJoin:"round",cornerRadius:2,visible:e=>e.value>0},state:{hover:{outerRadius:.85,lineWidth:2},selected:{outerRadius:.85,lineWidth:2}}},minAngle:3,label:{visible:!0,position:"outside",formatMethod:(e,i)=>{const t=i.__VCHART_ARC_MIDDLE_ANGLE,o=Math.cos(t);return{type:"rich",text:[{text:`${null==i?void 0:i.value}\n`,fill:"#111",fontSize:16,fontWeight:"500",fontFamily:"douyinNumber",stroke:!1,textAlign:o<0?"right":"left"},{text:null==i?void 0:i.type,fill:"#606165",fontSize:12,fontWeight:"400",stroke:!1,textAlign:o<0?"right":"left"}]}},line:{style:{lineWidth:2}},layout:{align:"labelLine"},style:{type:"rich",boundsPadding:[6,0,6,0]}}},s={name:"aurora",type:"light",description:"light theme for Aurora.",colorScheme:{default:{dataScheme:i,palette:{bandColor:i[0],backgroundColor:"transparent",primaryFontColor:"#17171A",secondaryFontColor:"#5E5F66",tertiaryFontColor:"#888888",axisDomainColor:"#DCDEE1",axisLabelFontColor:"#888888",axisGridColor:"#EFF0F2",popupBackgroundColor:"#ffffff"}}},component:Object.assign(Object.assign({},{discreteLegend:{visible:!0,orient:"top",position:"middle",maxRow:1,title:{visible:!1},item:{visible:!0,background:{visible:!1},shape:{style:{symbolType:"circle"}}},allowAllCanceled:!1}}),{tooltip:{panel:{border:{radius:8}},shape:{shapeType:"circle",size:8}}}),chart:{line:{component:Object.assign({crosshair:o},t)},area:{component:Object.assign({crosshair:o},t)},bar:{component:{crosshair:{xField:{line:{type:"rect",style:{fill:{gradient:"linear",x0:0,y0:0,x1:0,y1:1,stops:[{offset:0,color:"rgba(51, 119, 255, 0.1)"},{offset:1,color:"rgba(118, 164, 255, 0.1)"}]}}}}}},colorScheme:{default:{dataScheme:["#3377FF","#1FE7F9","#FFCD50","#53F3B3","#ADB8D6","#867AFF","#FAA64D","#FF8082","#B46FF4"]}}}},series:Object.assign(Object.assign(Object.assign({pie:l},F),{area:{seriesMark:"line",point:{style:{visible:!1,size:12,lineWidth:2,shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:3,stroke:"#fff"},state:{dimension_hover:{visible:!0}}},line:{style:{curveType:"monotone",lineWidth:2}},area:{style:{fill:{gradient:"linear",x0:0,y0:0,x1:0,y1:1,stops:[{offset:0,opacity:.7},{offset:1,opacity:0}]}}}}}),{line:{line:{style:{lineWidth:2,curveType:"monotone"}},point:{style:{visible:!1,size:12,lineWidth:2,shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:3,stroke:"#fff"},state:{dimension_hover:{visible:!0}}}}})},n=new Map([[s.name,s]]);e.allThemeMap=n,e.chartAuroraTheme=s,e.colorList=i,e.nestColorList=[["#3377FF","#5587FD","#76A4FF","#A0C0FF","#BFD4FF","#E5EEFF"],["#1FE7F9","#71F1FF","#A2F5FF","#BCF8FF","#D2FAFF","#E5FDFF"],["#53F3B3","#6BFFC4","#9FFFD9","#C1FFE6","#DCFFF1","#EBFFF7"],["#FFCD50","#FFD971","#FFE395","#FFEBB2","#FEF2D1","#FFF8E8"],["#ADB8D6","#BEC8E4","#CBD3ED","#D9E0F5","#E7ECFB","#F2F5FF"],["#867AFF","#9A8DFF","#ACA1FF","#C4BCFF","#DBD6FF","#EDEBFF"],["#FAA64D","#FFB96F","#FECB94","#FFD8AD","#FFE5C9","#FFF4E9"],["#FF8082","#FF99A0","#FFBBBF","#FFD4D7","#FFE8EA","#FFF7F8"],["#B46FF4","#BF80FF","#D1A4FD","#E0C1FF","#EDDAFF","#F5ECFF"]]}));
+!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((e="undefined"!=typeof globalThis?globalThis:e||self)["vchart-aurora-theme"]={})}(this,(function(e){"use strict";const i=["#3377FF","#1FE7F9","#53F3B3","#FFCD50","#ADB8D6","#867AFF","#FAA64D","#FF8082","#B46FF4"],t={discreteLegend:{visible:!0,orient:"top",position:"middle",maxRow:1,title:{visible:!1},item:{visible:!0,background:{visible:!1},shape:{style:{size:[8,2],symbolType:"rect"}}},allowAllCanceled:!1}},o={bandField:{line:{type:"line",width:1,style:{lineWidth:1,stroke:"#DCDEE1",lineDash:[2,2]}}}},l={bar:{barMaxWidth:16,barGapInGroup:2,barMinHeight:2,bar:{style:{visible:e=>e.value>0}}},bar_horizontal:{stackCornerRadius:[0,2,2,0],label:{position:"right",offset:4}},bar_vertical:{stackCornerRadius:[2,2,0,0],label:{position:"top",offset:4}}},s={outerRadius:.8,innerRadius:0,pie:{style:{padAngle:0,stroke:"#fff",lineWidth:2,lineJoin:"round",cornerRadius:2,visible:e=>e.value>0},state:{hover:{outerRadius:.85,lineWidth:2},selected:{outerRadius:.85,lineWidth:2}}},minAngle:3,label:{visible:!0,position:"outside",formatMethod:(e,i)=>{const t=i.__VCHART_ARC_MIDDLE_ANGLE,o=Math.cos(t);return{type:"rich",text:[{text:`${null==i?void 0:i.value}\n`,fill:"#111",fontSize:16,fontWeight:500,fontFamily:"Douyin Number ABC",stroke:!1,textAlign:o<0?"right":"left"},{text:null==i?void 0:i.type,fill:"#606165",fontSize:12,fontWeight:400,stroke:!1,textAlign:o<0?"right":"left"}]}},line:{style:{lineWidth:2}},layout:{align:"labelLine"},style:{type:"rich",boundsPadding:[6,0,6,0]},legend:{visible:!0,orient:"bottom"}}},n={name:"aurora",type:"light",description:"light theme for Aurora.",colorScheme:{default:{dataScheme:i,palette:{bandColor:i[0],backgroundColor:"transparent",primaryFontColor:"#17171A",secondaryFontColor:"#5E5F66",tertiaryFontColor:"#888888",axisDomainColor:"#DCDEE1",axisLabelFontColor:"#888888",axisGridColor:"#EFF0F2",popupBackgroundColor:"#ffffff"}}},component:Object.assign(Object.assign(Object.assign({},{discreteLegend:{visible:!0,orient:"top",position:"middle",maxRow:1,title:{visible:!1},item:{visible:!0,background:{visible:!1},shape:{style:{symbolType:"circle"}}},allowAllCanceled:!1}}),{tooltip:{panel:{border:{radius:8}},shape:{shapeType:"circle",size:8},mark:{visible:!1},dimension:{visible:!0}}}),{axisRadius:{domainLine:{visible:!1},grid:{smooth:!1,style:{lineDash:[4,4]}}},axisAngle:{domainLine:{visible:!0},tick:{visible:!1},grid:{style:{lineDash:[0]}}}}),chart:{line:{component:Object.assign({crosshair:o},t)},area:{component:Object.assign({crosshair:o},t)},bar:{component:{crosshair:{xField:{line:{type:"rect",style:{fill:{gradient:"linear",x0:0,y0:0,x1:0,y1:1,stops:[{offset:0,color:"rgba(51, 119, 255, 0.1)"},{offset:1,color:"rgba(118, 164, 255, 0.1)"}]}}}}}},colorScheme:{default:{dataScheme:["#3377FF","#1FE7F9","#FFCD50","#53F3B3","#ADB8D6","#867AFF","#FAA64D","#FF8082","#B46FF4"]}}},radar:{component:{crosshair:{categoryField:{line:{style:{lineDash:[0],lineWidth:1}}}}}}},series:Object.assign(Object.assign(Object.assign({pie:s},l),{area:{seriesMark:"line",point:{style:{visible:!1,size:12,lineWidth:2,shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:3,stroke:"#fff"},state:{dimension_hover:{visible:!0}}},line:{style:{curveType:"monotone",lineWidth:2}},area:{style:{fill:{gradient:"linear",x0:0,y0:0,x1:0,y1:1,stops:[{offset:0,opacity:.7},{offset:1,opacity:0}]}}}}}),{line:{line:{style:{lineWidth:2,curveType:"monotone"}},point:{style:{visible:!1,size:12,lineWidth:2,shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:3,stroke:"#fff"},state:{dimension_hover:{visible:!0}}}},radar:{point:{style:{visible:!1,size:12,lineWidth:2,shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:3,stroke:"#fff"},state:{dimension_hover:{visible:!0}}},area:{visible:!0,style:{fillOpacity:.1,lineDash:[2,2]}},line:{style:{lineWidth:2},state:{dimension_hover:{lineDash:[0],lineWidth:2}}},outerRadius:.8},scatter:{point:{style:{symbolType:"circle",fillOpacity:.35,lineWidth:1,size:8,stroke:null}},label:{position:"top"}}})},F=new Map([[n.name,n]]);e.allThemeMap=F,e.chartAuroraTheme=n,e.colorList=i,e.nestColorList=[["#3377FF","#5587FD","#76A4FF","#A0C0FF","#BFD4FF","#E5EEFF"],["#1FE7F9","#71F1FF","#A2F5FF","#BCF8FF","#D2FAFF","#E5FDFF"],["#53F3B3","#6BFFC4","#9FFFD9","#C1FFE6","#DCFFF1","#EBFFF7"],["#FFCD50","#FFD971","#FFE395","#FFEBB2","#FEF2D1","#FFF8E8"],["#ADB8D6","#BEC8E4","#CBD3ED","#D9E0F5","#E7ECFB","#F2F5FF"],["#867AFF","#9A8DFF","#ACA1FF","#C4BCFF","#DBD6FF","#EDEBFF"],["#FAA64D","#FFB96F","#FECB94","#FFD8AD","#FFE5C9","#FFF4E9"],["#FF8082","#FF99A0","#FFBBBF","#FFD4D7","#FFE8EA","#FFF7F8"],["#B46FF4","#BF80FF","#D1A4FD","#E0C1FF","#EDDAFF","#F5ECFF"]]}));

package/cjs/common/component/axis.d.ts

@@ -1,2 +1,2 @@
 import type { IComponentTheme } from '@visactor/vchart';
-export declare const axis: Pick<IComponentTheme, 'axis' | 'axisAngle' | 'axisBand' | 'axisLinear' | 'axisRadius' | 'axisX' | 'axisY'>;
+export declare const axis: IComponentTheme;

package/cjs/common/component/axis.js

@@ -3,82 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.axis = void 0, exports.axis = {
-    axis: {
+    axisRadius: {
         domainLine: {
-            visible: !0,
-            style: {
-                lineWidth: 1,
-                stroke: {
-                    type: "palette",
-                    key: "axisDomainColor"
-                }
-            }
+            visible: !1
         },
         grid: {
-            visible: !0,
+            smooth: !1,
             style: {
-                lineWidth: 1,
-                stroke: {
-                    type: "palette",
-                    key: "axisGridColor"
-                },
-                lineDash: [ 4, 4 ]
-            }
-        },
-        subGrid: {
-            visible: !1,
-            style: {
-                lineWidth: 1,
-                stroke: {
-                    type: "palette",
-                    key: "axisGridColor"
-                },
                 lineDash: [ 4, 4 ]
             }
+        }
+    },
+    axisAngle: {
+        domainLine: {
+            visible: !0
         },
         tick: {
-            visible: !0,
-            style: {
-                lineWidth: 1,
-                stroke: {
-                    type: "palette",
-                    key: "blackColors25"
-                }
-            }
-        },
-        subTick: {
-            visible: !1,
-            tickSize: 2,
-            style: {
-                lineWidth: 1,
-                stroke: {
-                    type: "palette",
-                    key: "blackColors15"
-                }
-            }
+            visible: !1
         },
-        label: {
-            visible: !0,
-            space: 8,
-            style: {
-                fontSize: 12,
-                fill: {
-                    type: "palette",
-                    key: "blackColors45"
-                },
-                fontWeight: 400,
-                fillOpacity: 1
-            }
-        },
-        title: {
-            visible: !1,
+        grid: {
             style: {
-                fill: {
-                    type: "palette",
-                    key: "blackColors65"
-                },
-                fontSize: 12,
-                lineHeight: 12
+                lineDash: [ 0 ]
             }
         }
     }

package/cjs/common/component/axis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/component/axis.ts"],"names":[],"mappings":";;;AAEa,QAAA,IAAI,GAGb;IACF,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;aACpD;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBACjD,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK;YACd,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBACjD,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;aAClD;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;aAClD;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBAC/C,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,CAAC;aACf;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBAC/C,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,EAAE;aACf;SACF;KACF;CACF,CAAC","file":"axis.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const axis: Pick<\n  IComponentTheme,\n  'axis' | 'axisAngle' | 'axisBand' | 'axisLinear' | 'axisRadius' | 'axisX' | 'axisY'\n> = {\n  axis: {\n    domainLine: {\n      visible: true,\n      style: {\n        lineWidth: 1,\n        stroke: { type: 'palette', key: 'axisDomainColor' }\n      }\n    },\n    grid: {\n      visible: true,\n      style: {\n        lineWidth: 1,\n        stroke: { type: 'palette', key: 'axisGridColor' },\n        lineDash: [4, 4]\n      }\n    },\n    subGrid: {\n      visible: false,\n      style: {\n        lineWidth: 1,\n        stroke: { type: 'palette', key: 'axisGridColor' },\n        lineDash: [4, 4]\n      }\n    },\n    tick: {\n      visible: true,\n      style: {\n        lineWidth: 1,\n        stroke: { type: 'palette', key: 'blackColors25' }\n      }\n    },\n    subTick: {\n      visible: false,\n      tickSize: 2,\n      style: {\n        lineWidth: 1,\n        stroke: { type: 'palette', key: 'blackColors15' }\n      }\n    },\n    label: {\n      visible: true,\n      space: 8,\n      style: {\n        fontSize: 12,\n        fill: { type: 'palette', key: 'blackColors45' },\n        fontWeight: 400,\n        fillOpacity: 1\n      }\n    },\n    title: {\n      visible: false,\n      style: {\n        fill: { type: 'palette', key: 'blackColors65' },\n        fontSize: 12,\n        lineHeight: 12\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/component/axis.ts"],"names":[],"mappings":";;;AAEa,QAAA,IAAI,GAAoB;IACnC,UAAU,EAAE;QACV,UAAU,EAAE;YACV,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,KAAK;YACb,KAAK,EAAE;gBACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;KACF;IACD,SAAS,EAAE;QACT,UAAU,EAAE;YACV,OAAO,EAAE,IAAI;SACd;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,QAAQ,EAAE,CAAC,CAAC,CAAC;aACd;SACF;KACF;CACF,CAAC","file":"axis.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const axis: IComponentTheme = {\n  axisRadius: {\n    domainLine: {\n      visible: false\n    },\n    grid: {\n      smooth: false,\n      style: {\n        lineDash: [4, 4]\n      }\n    }\n  },\n  axisAngle: {\n    domainLine: {\n      visible: true\n    },\n    tick: {\n      visible: false\n    },\n    grid: {\n      style: {\n        lineDash: [0]\n      }\n    }\n  }\n};\n"]}

package/cjs/common/component/crosshair.d.ts

@@ -1,3 +1,4 @@
 import type { ICrosshairTheme } from '@visactor/vchart';
 export declare const barCrosshair: ICrosshairTheme;
 export declare const lineCrosshair: ICrosshairTheme;
+export declare const radarCrosshair: ICrosshairTheme;

package/cjs/common/component/crosshair.js

@@ -2,7 +2,8 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.lineCrosshair = exports.barCrosshair = void 0, exports.barCrosshair = {
+}), exports.radarCrosshair = exports.lineCrosshair = exports.barCrosshair = void 0, 
+exports.barCrosshair = {
     xField: {
         line: {
             type: "rect",
@@ -36,5 +37,14 @@ Object.defineProperty(exports, "__esModule", {
             }
         }
     }
+}, exports.radarCrosshair = {
+    categoryField: {
+        line: {
+            style: {
+                lineDash: [ 0 ],
+                lineWidth: 1
+            }
+        }
+    }
 };
 //# sourceMappingURL=crosshair.js.map

package/cjs/common/component/crosshair.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":";;;AAEa,QAAA,YAAY,GAAoB;IAC3C,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,QAAQ,EAAE,QAAQ;oBAClB,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,KAAK,EAAE;wBACL,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,yBAAyB,EAAE;wBAC/C,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,0BAA0B,EAAE;qBACjD;iBACF;aACF;SACF;KACF;CACF,CAAC;AAEW,QAAA,aAAa,GAAoB;IAC5C,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;KACF;CACF,CAAC","file":"crosshair.js","sourcesContent":["import type { ICrosshairTheme } from '@visactor/vchart';\n\nexport const barCrosshair: ICrosshairTheme = {\n  xField: {\n    line: {\n      type: 'rect', // 设置为矩形类型\n      style: {\n        fill: {\n          gradient: 'linear', // 线性渐变\n          x0: 0,\n          y0: 0,\n          x1: 0,\n          y1: 1,\n          stops: [\n            { offset: 0, color: 'rgba(51, 119, 255, 0.1)' },\n            { offset: 1, color: 'rgba(118, 164, 255, 0.1)' }\n          ]\n        }\n      }\n    }\n  }\n};\n\nexport const lineCrosshair: ICrosshairTheme = {\n  bandField: {\n    line: {\n      type: 'line',\n      width: 1,\n      style: {\n        lineWidth: 1,\n        stroke: '#DCDEE1',\n        lineDash: [2, 2]\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":";;;AAEa,QAAA,YAAY,GAAoB;IAC3C,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,QAAQ,EAAE,QAAQ;oBAClB,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,KAAK,EAAE;wBACL,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,yBAAyB,EAAE;wBAC/C,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,0BAA0B,EAAE;qBACjD;iBACF;aACF;SACF;KACF;CACF,CAAC;AAEW,QAAA,aAAa,GAAoB;IAC5C,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;KACF;CACF,CAAC;AAEW,QAAA,cAAc,GAAoB;IAC7C,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACb,SAAS,EAAE,CAAC;aACb;SACF;KACF;CACF,CAAC","file":"crosshair.js","sourcesContent":["import type { ICrosshairTheme } from '@visactor/vchart';\n\nexport const barCrosshair: ICrosshairTheme = {\n  xField: {\n    line: {\n      type: 'rect', // 设置为矩形类型\n      style: {\n        fill: {\n          gradient: 'linear', // 线性渐变\n          x0: 0,\n          y0: 0,\n          x1: 0,\n          y1: 1,\n          stops: [\n            { offset: 0, color: 'rgba(51, 119, 255, 0.1)' },\n            { offset: 1, color: 'rgba(118, 164, 255, 0.1)' }\n          ]\n        }\n      }\n    }\n  }\n};\n\nexport const lineCrosshair: ICrosshairTheme = {\n  bandField: {\n    line: {\n      type: 'line',\n      width: 1,\n      style: {\n        lineWidth: 1,\n        stroke: '#DCDEE1',\n        lineDash: [2, 2]\n      }\n    }\n  }\n};\n\nexport const radarCrosshair: ICrosshairTheme = {\n  categoryField: {\n    line: {\n      style: {\n        lineDash: [0],\n        lineWidth: 1\n      }\n    }\n  }\n};\n"]}

package/cjs/common/component/tooltip.d.ts

@@ -1,2 +1,2 @@
-import type { ITooltipTheme } from '@visactor/vchart';
-export declare const tooltip: ITooltipTheme;
+import type { IComponentTheme } from '@visactor/vchart';
+export declare const tooltip: IComponentTheme['tooltip'];

package/cjs/common/component/tooltip.js

@@ -11,6 +11,12 @@ Object.defineProperty(exports, "__esModule", {
     shape: {
         shapeType: "circle",
         size: 8
+    },
+    mark: {
+        visible: !1
+    },
+    dimension: {
+        visible: !0
     }
 };
 //# sourceMappingURL=tooltip.js.map

package/cjs/common/component/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/component/tooltip.ts"],"names":[],"mappings":";;;AAEa,QAAA,OAAO,GAAkB;IACpC,KAAK,EAAE;QACL,MAAM,EAAE;YACN,MAAM,EAAE,CAAC;SACV;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE,QAAQ;QACnB,IAAI,EAAE,CAAC;KACR;CACF,CAAC","file":"tooltip.js","sourcesContent":["import type { ITooltipTheme } from '@visactor/vchart';\n\nexport const tooltip: ITooltipTheme = {\n  panel: {\n    border: {\n      radius: 8\n    }\n  },\n  shape: {\n    shapeType: 'circle',\n    size: 8\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/component/tooltip.ts"],"names":[],"mappings":";;;AAEa,QAAA,OAAO,GAA+B;IACjD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,MAAM,EAAE,CAAC;SACV;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE,QAAQ;QACnB,IAAI,EAAE,CAAC;KACR;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;KACf;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;KACd;CACF,CAAC","file":"tooltip.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const tooltip: IComponentTheme['tooltip'] = {\n  panel: {\n    border: {\n      radius: 8\n    }\n  },\n  shape: {\n    shapeType: 'circle',\n    size: 8\n  },\n  mark: {\n    visible: false // 关闭图元 (mark) 提示\n  },\n  dimension: {\n    visible: true // 保留维度 (dimension) 提示\n  }\n};\n"]}

package/cjs/common/series/bar.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 const bar = {
     barMaxWidth: 16,
     barGapInGroup: 2,
+    barMinHeight: 2,
     bar: {
         style: {
             visible: datum => datum.value > 0

package/cjs/common/series/bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/series/bar.ts"],"names":[],"mappings":";;;AAEA,MAAM,GAAG,GAAwB;IAC/B,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,CAAC;IAEhB,GAAG,EAAE;QACH,KAAK,EAAE;YAEL,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;SAClC;KACF;CACF,CAAC;AAEF,MAAM,cAAc,GAAwB;IAE1C,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AAEF,MAAM,YAAY,GAAwB;IAExC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AAEW,QAAA,QAAQ,GAGjB;IACF,GAAG;IACH,cAAc;IACd,YAAY;CACb,CAAC","file":"bar.js","sourcesContent":["import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart';\n\nconst bar: ISeriesTheme['bar'] = {\n  barMaxWidth: 16,\n  barGapInGroup: 2,\n  // barMinHeight: 2,\n  bar: {\n    style: {\n      // @ts-ignore\n      visible: datum => datum.value > 0 // 数据为0时隐藏柱子\n    }\n  }\n};\n\nconst bar_horizontal: ISeriesTheme['bar'] = {\n  // @ts-ignore\n  stackCornerRadius: [0, 2, 2, 0], // FIXME: typeError\n  label: {\n    position: 'right',\n    offset: 4\n  }\n};\n\nconst bar_vertical: ISeriesTheme['bar'] = {\n  // @ts-ignore\n  stackCornerRadius: [2, 2, 0, 0], // FIXME: typeError,\n  label: {\n    position: 'top',\n    offset: 4\n  }\n};\n\nexport const barTheme: Pick<\n  ISeriesTheme,\n  SeriesTypeEnum.bar | SeriesTypeForThemeEnum.bar_horizontal | SeriesTypeForThemeEnum.bar_vertical\n> = {\n  bar,\n  bar_horizontal,\n  bar_vertical\n};\n"]}
+{"version":3,"sources":["../src/common/series/bar.ts"],"names":[],"mappings":";;;AAEA,MAAM,GAAG,GAAwB;IAC/B,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;IACf,GAAG,EAAE;QACH,KAAK,EAAE;YAEL,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;SAClC;KACF;CACF,CAAC;AAEF,MAAM,cAAc,GAAwB;IAE1C,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AAEF,MAAM,YAAY,GAAwB;IAExC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AAEW,QAAA,QAAQ,GAGjB;IACF,GAAG;IACH,cAAc;IACd,YAAY;CACb,CAAC","file":"bar.js","sourcesContent":["import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart';\n\nconst bar: ISeriesTheme['bar'] = {\n  barMaxWidth: 16,\n  barGapInGroup: 2,\n  barMinHeight: 2,\n  bar: {\n    style: {\n      // @ts-ignore\n      visible: datum => datum.value > 0 // 数据为0时隐藏柱子\n    }\n  }\n};\n\nconst bar_horizontal: ISeriesTheme['bar'] = {\n  // @ts-ignore\n  stackCornerRadius: [0, 2, 2, 0], // FIXME: typeError\n  label: {\n    position: 'right',\n    offset: 4\n  }\n};\n\nconst bar_vertical: ISeriesTheme['bar'] = {\n  // @ts-ignore\n  stackCornerRadius: [2, 2, 0, 0], // FIXME: typeError,\n  label: {\n    position: 'top',\n    offset: 4\n  }\n};\n\nexport const barTheme: Pick<\n  ISeriesTheme,\n  SeriesTypeEnum.bar | SeriesTypeForThemeEnum.bar_horizontal | SeriesTypeForThemeEnum.bar_vertical\n> = {\n  bar,\n  bar_horizontal,\n  bar_vertical\n};\n"]}

package/cjs/common/series/funnel.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
     funnel: {
         state: {
             selected: {
-                fill: "#1966FF",
-                stroke: "#3958E0",
                 strokeOpacity: .2,
                 lineWidth: 4
             }
@@ -25,10 +23,6 @@ Object.defineProperty(exports, "__esModule", {
     },
     label: {
         style: {
-            fill: {
-                type: "palette",
-                key: "whiteColors100"
-            },
             fontSize: 12
         }
     }

package/cjs/common/series/funnel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/series/funnel.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAA2B;IAC5C,MAAM,EAAE;QACN,KAAK,EAAE;YACL,QAAQ,EAAE;gBACR,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,SAAS;gBACjB,aAAa,EAAE,GAAG;gBAClB,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;SACb;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;YAChD,QAAQ,EAAE,EAAE;SACb;KACF;CACF,CAAC","file":"funnel.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const funnel: ISeriesTheme['funnel'] = {\n  funnel: {\n    state: {\n      selected: {\n        fill: '#1966FF',\n        stroke: '#3958E0',\n        strokeOpacity: 0.2,\n        lineWidth: 4\n      }\n    }\n  },\n  outerLabel: {\n    style: {\n      fontSize: 12\n    },\n    line: {\n      style: {\n        lineWidth: 2\n      }\n    }\n  },\n  label: {\n    style: {\n      fill: { type: 'palette', key: 'whiteColors100' },\n      fontSize: 12\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/series/funnel.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAA2B;IAC5C,MAAM,EAAE;QACN,KAAK,EAAE;YACL,QAAQ,EAAE;gBACR,aAAa,EAAE,GAAG;gBAClB,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;SACb;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;SACb;KACF;CACF,CAAC","file":"funnel.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const funnel: ISeriesTheme['funnel'] = {\n  funnel: {\n    state: {\n      selected: {\n        strokeOpacity: 0.2,\n        lineWidth: 4\n      }\n    }\n  },\n  outerLabel: {\n    style: {\n      fontSize: 12\n    },\n    line: {\n      style: {\n        lineWidth: 2\n      }\n    }\n  },\n  label: {\n    style: {\n      fontSize: 12\n    }\n  }\n};\n"]}

package/cjs/common/series/pie.js

@@ -37,15 +37,15 @@ Object.defineProperty(exports, "__esModule", {
                     text: `${null == data ? void 0 : data.value}\n`,
                     fill: "#111",
                     fontSize: 16,
-                    fontWeight: "500",
-                    fontFamily: "douyinNumber",
+                    fontWeight: 500,
+                    fontFamily: "Douyin Number ABC",
                     stroke: !1,
                     textAlign: cos < 0 ? "right" : "left"
                 }, {
                     text: null == data ? void 0 : data.type,
                     fill: "#606165",
                     fontSize: 12,
-                    fontWeight: "400",
+                    fontWeight: 400,
                     stroke: !1,
                     textAlign: cos < 0 ? "right" : "left"
                 } ]
@@ -62,6 +62,10 @@ Object.defineProperty(exports, "__esModule", {
         style: {
             type: "rich",
             boundsPadding: [ 6, 0, 6, 0 ]
+        },
+        legend: {
+            visible: !0,
+            orient: "bottom"
         }
     }
 };

package/cjs/common/series/pie.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/series/pie.ts"],"names":[],"mappings":";;;AAEa,QAAA,GAAG,GAAwB;IACtC,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,CAAC;IACd,GAAG,EAAE;QACH,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,OAAO;YACjB,YAAY,EAAE,CAAC;YAEf,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;SAClC;QACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,QAAQ,EAAE,CAAC;IACX,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,SAAS;QACnB,YAAY,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,yBAAyB,CAAC;YAChD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC/B,OAAO;gBACL,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE;oBACJ;wBACE,IAAI,EAAE,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAI;wBACxB,IAAI,EAAE,MAAM;wBACZ,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,KAAK;wBACjB,UAAU,EAAE,cAAc;wBAC1B,MAAM,EAAE,KAAK;wBACb,SAAS,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;qBACtC;oBACD;wBACE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI;wBAChB,IAAI,EAAE,SAAS;wBACf,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,KAAK;wBACjB,MAAM,EAAE,KAAK;wBACb,SAAS,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;qBACtC;iBACF;aACF,CAAC;QACJ,CAAC;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;aACb;SACF;QACD,MAAM,EAAE;YACN,KAAK,EAAE,WAAW;SACnB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SAC5B;KAKF;CACF,CAAC","file":"pie.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const pie: ISeriesTheme['pie'] = {\n  outerRadius: 0.8,\n  innerRadius: 0,\n  pie: {\n    style: {\n      padAngle: 0,\n      stroke: '#fff',\n      lineWidth: 2,\n      lineJoin: 'round',\n      cornerRadius: 2,\n      // @ts-ignore\n      visible: datum => datum.value > 0 // 数据为0时隐藏柱子\n    },\n    state: {\n      hover: {\n        outerRadius: 0.85,\n        lineWidth: 2\n      },\n      selected: {\n        outerRadius: 0.85,\n        lineWidth: 2\n      }\n    }\n  },\n  minAngle: 3,\n  label: {\n    visible: true,\n    position: 'outside',\n    formatMethod: (label, data) => {\n      const midAngle = data.__VCHART_ARC_MIDDLE_ANGLE;\n      const cos = Math.cos(midAngle);\n      return {\n        type: 'rich',\n        text: [\n          {\n            text: `${data?.value}\\n`,\n            fill: '#111',\n            fontSize: 16,\n            fontWeight: '500',\n            fontFamily: 'douyinNumber',\n            stroke: false,\n            textAlign: cos < 0 ? 'right' : 'left'\n          },\n          {\n            text: data?.type,\n            fill: '#606165',\n            fontSize: 12,\n            fontWeight: '400',\n            stroke: false,\n            textAlign: cos < 0 ? 'right' : 'left'\n          }\n        ]\n      };\n    },\n    line: {\n      style: {\n        lineWidth: 2\n      }\n    },\n    layout: {\n      align: 'labelLine'\n    },\n    style: {\n      type: 'rich',\n      boundsPadding: [6, 0, 6, 0]\n    }\n    // legend: {\n    //   visible: true,\n    //   orient: 'bottom'\n    // }\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/series/pie.ts"],"names":[],"mappings":";;;AAEa,QAAA,GAAG,GAAwB;IACtC,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,CAAC;IACd,GAAG,EAAE;QACH,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,OAAO;YACjB,YAAY,EAAE,CAAC;YAEf,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;SAClC;QACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,QAAQ,EAAE,CAAC;IACX,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,SAAS;QAEnB,YAAY,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;YACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,yBAAyB,CAAC;YAChD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC/B,OAAO;gBACL,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE;oBACJ;wBACE,IAAI,EAAE,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAI;wBACxB,IAAI,EAAE,MAAM;wBACZ,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,UAAU,EAAE,mBAAmB;wBAC/B,MAAM,EAAE,KAAK;wBACb,SAAS,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;qBACtC;oBACD;wBACE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI;wBAChB,IAAI,EAAE,SAAS;wBACf,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,MAAM,EAAE,KAAK;wBACb,SAAS,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;qBACtC;iBACF;aACF,CAAC;QACJ,CAAC;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;aACb;SACF;QACD,MAAM,EAAE;YACN,KAAK,EAAE,WAAW;SACnB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SAC5B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,QAAQ;SACjB;KACF;CACF,CAAC","file":"pie.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const pie: ISeriesTheme['pie'] = {\n  outerRadius: 0.8,\n  innerRadius: 0,\n  pie: {\n    style: {\n      padAngle: 0,\n      stroke: '#fff',\n      lineWidth: 2,\n      lineJoin: 'round',\n      cornerRadius: 2,\n      // @ts-ignore\n      visible: datum => datum.value > 0 // 数据为0时隐藏柱子\n    },\n    state: {\n      hover: {\n        outerRadius: 0.85,\n        lineWidth: 2\n      },\n      selected: {\n        outerRadius: 0.85,\n        lineWidth: 2\n      }\n    }\n  },\n  minAngle: 3,\n  label: {\n    visible: true,\n    position: 'outside',\n    // @ts-ignore\n    formatMethod: (label: any, data: any) => {\n      const midAngle = data.__VCHART_ARC_MIDDLE_ANGLE;\n      const cos = Math.cos(midAngle);\n      return {\n        type: 'rich',\n        text: [\n          {\n            text: `${data?.value}\\n`,\n            fill: '#111',\n            fontSize: 16,\n            fontWeight: 500,\n            fontFamily: 'Douyin Number ABC',\n            stroke: false,\n            textAlign: cos < 0 ? 'right' : 'left'\n          },\n          {\n            text: data?.type,\n            fill: '#606165',\n            fontSize: 12,\n            fontWeight: 400,\n            stroke: false,\n            textAlign: cos < 0 ? 'right' : 'left'\n          }\n        ]\n      };\n    },\n    line: {\n      style: {\n        lineWidth: 2\n      }\n    },\n    layout: {\n      align: 'labelLine'\n    },\n    style: {\n      type: 'rich',\n      boundsPadding: [6, 0, 6, 0]\n    },\n    legend: {\n      visible: true,\n      orient: 'bottom'\n    }\n  }\n};\n"]}

package/cjs/common/series/radar.js

@@ -3,11 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.radar = void 0, exports.radar = {
-    line: {
-        style: {
-            lineWidth: 1
-        }
-    },
     point: {
         style: {
             visible: !1,
@@ -15,18 +10,32 @@ Object.defineProperty(exports, "__esModule", {
             lineWidth: 2,
             shadowColor: "rgba(0, 0, 0, 0.1)",
             shadowBlur: 3,
-            stroke: {
-                type: "palette",
-                key: "whiteColors100"
+            stroke: "#fff"
+        },
+        state: {
+            dimension_hover: {
+                visible: !0
             }
         }
     },
     area: {
-        visible: !0
+        visible: !0,
+        style: {
+            fillOpacity: .1,
+            lineDash: [ 2, 2 ]
+        }
+    },
+    line: {
+        style: {
+            lineWidth: 2
+        },
+        state: {
+            dimension_hover: {
+                lineDash: [ 0 ],
+                lineWidth: 2
+            }
+        }
     },
-    label: {
-        position: "top",
-        offset: 4
-    }
+    outerRadius: .8
 };
 //# sourceMappingURL=radar.js.map

package/cjs/common/series/radar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/series/radar.ts"],"names":[],"mappings":";;;AAEa,QAAA,KAAK,GAA0B;IAC1C,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;SACb;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;SACnD;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;KACd;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,CAAC;KACV;CACF,CAAC","file":"radar.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const radar: ISeriesTheme['radar'] = {\n  line: {\n    style: {\n      lineWidth: 1\n    }\n  },\n  point: {\n    style: {\n      visible: false,\n      size: 12,\n      lineWidth: 2,\n      shadowColor: 'rgba(0, 0, 0, 0.1)',\n      shadowBlur: 3,\n      stroke: { type: 'palette', key: 'whiteColors100' }\n    }\n  },\n  area: {\n    visible: true\n  },\n  label: {\n    position: 'top',\n    offset: 4\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/series/radar.ts"],"names":[],"mappings":";;;AAEa,QAAA,KAAK,GAA0B;IAC1C,KAAK,EAAE;QACL,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,MAAM;SACf;QACD,KAAK,EAAE;YACL,eAAe,EAAE;gBACf,OAAO,EAAE,IAAI;aACd;SACF;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,WAAW,EAAE,GAAG;YAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;SACb;QACD,KAAK,EAAE;YACL,eAAe,EAAE;gBAEf,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACb,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,WAAW,EAAE,GAAG;CACjB,CAAC","file":"radar.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const radar: ISeriesTheme['radar'] = {\n  point: {\n    style: {\n      visible: false,\n      size: 12,\n      lineWidth: 2,\n      shadowColor: 'rgba(0, 0, 0, 0.1)',\n      shadowBlur: 3,\n      stroke: '#fff'\n    },\n    state: {\n      dimension_hover: {\n        visible: true\n      }\n    }\n  },\n  area: {\n    visible: true, // display area\n    style: {\n      fillOpacity: 0.1,\n      lineDash: [2, 2]\n    }\n  },\n  line: {\n    style: {\n      lineWidth: 2\n    },\n    state: {\n      dimension_hover: {\n        // 维度hover时线条变为实线\n        lineDash: [0], // 取消虚线\n        lineWidth: 2\n      }\n    }\n  },\n  outerRadius: 0.8\n};\n"]}

package/cjs/common/series/treemap.js

@@ -27,5 +27,4 @@ Object.defineProperty(exports, "__esModule", {
             }
         }
     }
-};
-//# sourceMappingURL=treemap.js.map
+};

package/cjs/index.js

@@ -18,16 +18,16 @@ Object.defineProperty(exports, "colorList", {
     }
 });
 
-const legend_1 = require("./common/component/legend"), tooltip_1 = require("./common/component/tooltip"), crosshair_1 = require("./common/component/crosshair"), area_1 = require("./common/series/area"), bar_1 = require("./common/series/bar"), line_1 = require("./common/series/line"), pie_1 = require("./common/series/pie");
+const legend_1 = require("./common/component/legend"), tooltip_1 = require("./common/component/tooltip"), crosshair_1 = require("./common/component/crosshair"), area_1 = require("./common/series/area"), bar_1 = require("./common/series/bar"), line_1 = require("./common/series/line"), scatter_1 = require("./common/series/scatter"), pie_1 = require("./common/series/pie"), axis_1 = require("./common/component/axis"), radar_1 = require("./common/series/radar");
 
 exports.chartAuroraTheme = {
     name: "aurora",
     type: "light",
     description: "light theme for Aurora.",
     colorScheme: color_scheme_1.colorScheme,
-    component: Object.assign(Object.assign({}, legend_1.legend), {
+    component: Object.assign(Object.assign(Object.assign({}, legend_1.legend), {
         tooltip: tooltip_1.tooltip
-    }),
+    }), axis_1.axis),
     chart: {
         line: {
             component: Object.assign({
@@ -48,11 +48,18 @@ exports.chartAuroraTheme = {
                     dataScheme: color_scheme_1.barColorList
                 }
             }
+        },
+        radar: {
+            component: {
+                crosshair: crosshair_1.radarCrosshair
+            }
         }
     },
     series: Object.assign(Object.assign(Object.assign({
         pie: pie_1.pie
     }, bar_1.barTheme), area_1.area), {
-        line: line_1.line
+        line: line_1.line,
+        radar: radar_1.radar,
+        scatter: scatter_1.scatter
     })
 }, exports.allThemeMap = new Map([ [ exports.chartAuroraTheme.name, exports.chartAuroraTheme ] ]);

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,wDAA4F;AA0DnF,0FA1Da,wBAAS,OA0Db;AAAE,8FA1D2B,4BAAa,OA0D3B;AAxDjC,sDAA+D;AAE/D,wDAAqD;AACrD,4DAA2E;AAC3E,+CAA4C;AAC5C,6CAAsD;AACtD,+CAA4C;AAE5C,6CAA0C;AAO7B,QAAA,gBAAgB,GAAW;IACtC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,yBAAyB;IACtC,WAAW,EAAX,0BAAW;IACX,SAAS,kCACJ,eAAM,KACT,OAAO,EAAP,iBAAO,GACR;IACD,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,SAAS,kBACP,SAAS,EAAE,yBAAa,IACrB,mBAAU,CACd;SACF;QACD,IAAI,EAAE;YACJ,SAAS,kBACP,SAAS,EAAE,yBAAa,IACrB,mBAAU,CACd;SACF;QACD,GAAG,EAAE;YACH,SAAS,EAAE;gBACT,SAAS,EAAE,wBAAY;aACxB;YACD,WAAW,EAAE;gBACX,OAAO,EAAE;oBACP,UAAU,EAAE,2BAAY;iBACzB;aACF;SACF;KACF;IACD,MAAM,8CACJ,GAAG,EAAH,SAAG,IACA,cAAG,GACH,WAAI,KACP,IAAI,EAAJ,WAAI,GACL;CACF,CAAC;AAIW,QAAA,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,EAAE,wBAAgB,CAAC,CAAC,CAAwB,CAAC","file":"index.js","sourcesContent":["import type { ITheme } from '@visactor/vchart';\nimport { colorScheme, colorList, barColorList, nestColorList } from './common/color-scheme';\n\nimport { legend, lineLegend } from './common/component/legend';\nimport { token } from './common/token';\nimport { tooltip } from './common/component/tooltip';\nimport { barCrosshair, lineCrosshair } from './common/component/crosshair';\nimport { area } from './common/series/area';\nimport { barTheme as bar } from './common/series/bar';\nimport { line } from './common/series/line';\nimport { scatter } from './common/series/scatter';\nimport { pie } from './common/series/pie';\nimport { funnel } from './common/series/funnel';\nimport { treemap } from './common/series/treemap';\nimport { gauge } from './common/series/gauge';\nimport { heatmap } from './common/series/heatmap';\nimport { radar } from './common/series/radar';\n\nexport const chartAuroraTheme: ITheme = {\n  name: 'aurora',\n  type: 'light',\n  description: 'light theme for Aurora.',\n  colorScheme,\n  component: {\n    ...legend,\n    tooltip\n  },\n  chart: {\n    line: {\n      component: {\n        crosshair: lineCrosshair,\n        ...lineLegend\n      }\n    },\n    area: {\n      component: {\n        crosshair: lineCrosshair,\n        ...lineLegend\n      }\n    },\n    bar: {\n      component: {\n        crosshair: barCrosshair\n      },\n      colorScheme: {\n        default: {\n          dataScheme: barColorList\n        }\n      }\n    }\n  },\n  series: {\n    pie,\n    ...bar,\n    ...area,\n    line\n  }\n};\n\nexport { colorList, nestColorList };\n\nexport const allThemeMap = new Map([[chartAuroraTheme.name, chartAuroraTheme]]) as Map<string, ITheme>;\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,wDAA4F;AAmEnF,0FAnEa,wBAAS,OAmEb;AAAE,8FAnE2B,4BAAa,OAmE3B;AAjEjC,sDAA+D;AAE/D,wDAAqD;AACrD,4DAA2F;AAC3F,+CAA4C;AAC5C,6CAAsD;AACtD,+CAA4C;AAC5C,qDAAkD;AAClD,6CAA0C;AAE1C,kDAA+C;AAI/C,iDAA8C;AAEjC,QAAA,gBAAgB,GAAW;IACtC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,yBAAyB;IACtC,WAAW,EAAX,0BAAW;IACX,SAAS,gDACJ,eAAM,KACT,OAAO,EAAP,iBAAO,KACJ,WAAI,CACR;IACD,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,SAAS,kBACP,SAAS,EAAE,yBAAa,IACrB,mBAAU,CACd;SACF;QACD,IAAI,EAAE;YACJ,SAAS,kBACP,SAAS,EAAE,yBAAa,IACrB,mBAAU,CACd;SACF;QACD,GAAG,EAAE;YACH,SAAS,EAAE;gBACT,SAAS,EAAE,wBAAY;aACxB;YACD,WAAW,EAAE;gBACX,OAAO,EAAE;oBACP,UAAU,EAAE,2BAAY;iBACzB;aACF;SACF;QACD,KAAK,EAAE;YACL,SAAS,EAAE;gBACT,SAAS,EAAE,0BAAc;aAC1B;SACF;KACF;IACD,MAAM,8CACJ,GAAG,EAAH,SAAG,IACA,cAAG,GACH,WAAI,KACP,IAAI,EAAJ,WAAI;QACJ,KAAK,EAAL,aAAK;QACL,OAAO,EAAP,iBAAO,GACR;CACF,CAAC;AAIW,QAAA,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,EAAE,wBAAgB,CAAC,CAAC,CAAwB,CAAC","file":"index.js","sourcesContent":["import type { ITheme } from '@visactor/vchart';\nimport { colorScheme, colorList, barColorList, nestColorList } from './common/color-scheme';\n\nimport { legend, lineLegend } from './common/component/legend';\nimport { token } from './common/token';\nimport { tooltip } from './common/component/tooltip';\nimport { barCrosshair, lineCrosshair, radarCrosshair } from './common/component/crosshair';\nimport { area } from './common/series/area';\nimport { barTheme as bar } from './common/series/bar';\nimport { line } from './common/series/line';\nimport { scatter } from './common/series/scatter';\nimport { pie } from './common/series/pie';\nimport { funnel } from './common/series/funnel';\nimport { axis } from './common/component/axis';\nimport { treemap } from './common/series/treemap';\nimport { gauge } from './common/series/gauge';\nimport { heatmap } from './common/series/heatmap';\nimport { radar } from './common/series/radar';\n\nexport const chartAuroraTheme: ITheme = {\n  name: 'aurora',\n  type: 'light',\n  description: 'light theme for Aurora.',\n  colorScheme,\n  component: {\n    ...legend,\n    tooltip,\n    ...axis\n  },\n  chart: {\n    line: {\n      component: {\n        crosshair: lineCrosshair,\n        ...lineLegend\n      }\n    },\n    area: {\n      component: {\n        crosshair: lineCrosshair,\n        ...lineLegend\n      }\n    },\n    bar: {\n      component: {\n        crosshair: barCrosshair\n      },\n      colorScheme: {\n        default: {\n          dataScheme: barColorList\n        }\n      }\n    },\n    radar: {\n      component: {\n        crosshair: radarCrosshair\n      }\n    }\n  },\n  series: {\n    pie,\n    ...bar,\n    ...area,\n    line,\n    radar,\n    scatter\n  }\n};\n\nexport { colorList, nestColorList };\n\nexport const allThemeMap = new Map([[chartAuroraTheme.name, chartAuroraTheme]]) as Map<string, ITheme>;\n"]}

package/esm/common/component/axis.d.ts

@@ -1,2 +1,2 @@
 import type { IComponentTheme } from '@visactor/vchart';
-export declare const axis: Pick<IComponentTheme, 'axis' | 'axisAngle' | 'axisBand' | 'axisLinear' | 'axisRadius' | 'axisX' | 'axisY'>;
+export declare const axis: IComponentTheme;