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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/build/index.js +112 -5
  2. package/build/index.min.js +1 -1
  3. package/cjs/common/component/axis.d.ts +1 -1
  4. package/cjs/common/component/axis.js +11 -66
  5. package/cjs/common/component/axis.js.map +1 -1
  6. package/cjs/common/component/crosshair.d.ts +1 -0
  7. package/cjs/common/component/crosshair.js +11 -1
  8. package/cjs/common/component/crosshair.js.map +1 -1
  9. package/cjs/common/component/tooltip.d.ts +2 -2
  10. package/cjs/common/component/tooltip.js +6 -0
  11. package/cjs/common/component/tooltip.js.map +1 -1
  12. package/cjs/common/series/bar.js +1 -0
  13. package/cjs/common/series/bar.js.map +1 -1
  14. package/cjs/common/series/funnel.js +0 -6
  15. package/cjs/common/series/funnel.js.map +1 -1
  16. package/cjs/common/series/pie.js +7 -3
  17. package/cjs/common/series/pie.js.map +1 -1
  18. package/cjs/common/series/radar.js +22 -13
  19. package/cjs/common/series/radar.js.map +1 -1
  20. package/cjs/common/series/treemap.js +1 -2
  21. package/cjs/index.js +11 -4
  22. package/cjs/index.js.map +1 -1
  23. package/esm/common/component/axis.d.ts +1 -1
  24. package/esm/common/component/axis.js +11 -66
  25. package/esm/common/component/axis.js.map +1 -1
  26. package/esm/common/component/crosshair.d.ts +1 -0
  27. package/esm/common/component/crosshair.js +11 -0
  28. package/esm/common/component/crosshair.js.map +1 -1
  29. package/esm/common/component/tooltip.d.ts +2 -2
  30. package/esm/common/component/tooltip.js +6 -0
  31. package/esm/common/component/tooltip.js.map +1 -1
  32. package/esm/common/series/bar.js +1 -0
  33. package/esm/common/series/bar.js.map +1 -1
  34. package/esm/common/series/funnel.js +0 -6
  35. package/esm/common/series/funnel.js.map +1 -1
  36. package/esm/common/series/pie.js +7 -3
  37. package/esm/common/series/pie.js.map +1 -1
  38. package/esm/common/series/radar.js +22 -13
  39. package/esm/common/series/radar.js.map +1 -1
  40. package/esm/common/series/treemap.js +1 -2
  41. package/esm/index.js +17 -4
  42. package/esm/index.js.map +1 -1
  43. package/package.json +6 -6
  44. package/cjs/common/component/data-zoom.d.ts +0 -3
  45. package/cjs/common/component/data-zoom.js +0 -67
  46. package/cjs/common/component/data-zoom.js.map +0 -1
  47. package/cjs/common/component/indicator.d.ts +0 -2
  48. package/cjs/common/component/indicator.js +0 -23
  49. package/cjs/common/component/indicator.js.map +0 -1
  50. package/cjs/common/component/mark-area.d.ts +0 -2
  51. package/cjs/common/component/mark-area.js +0 -31
  52. package/cjs/common/component/mark-area.js.map +0 -1
  53. package/cjs/common/component/mark-line.d.ts +0 -2
  54. package/cjs/common/component/mark-line.js +0 -41
  55. package/cjs/common/component/mark-line.js.map +0 -1
  56. package/cjs/common/component/mark-point.d.ts +0 -2
  57. package/cjs/common/component/mark-point.js +0 -52
  58. package/cjs/common/component/mark-point.js.map +0 -1
  59. package/cjs/common/component/polar-axis.d.ts +0 -5
  60. package/cjs/common/component/polar-axis.js +0 -30
  61. package/cjs/common/component/polar-axis.js.map +0 -1
  62. package/cjs/common/component/scroll-bar.d.ts +0 -2
  63. package/cjs/common/component/scroll-bar.js +0 -23
  64. package/cjs/common/component/scroll-bar.js.map +0 -1
  65. package/cjs/common/mark.d.ts +0 -2
  66. package/cjs/common/mark.js +0 -17
  67. package/cjs/common/mark.js.map +0 -1
  68. package/esm/common/component/data-zoom.d.ts +0 -3
  69. package/esm/common/component/data-zoom.js +0 -65
  70. package/esm/common/component/data-zoom.js.map +0 -1
  71. package/esm/common/component/indicator.d.ts +0 -2
  72. package/esm/common/component/indicator.js +0 -19
  73. package/esm/common/component/indicator.js.map +0 -1
  74. package/esm/common/component/mark-area.d.ts +0 -2
  75. package/esm/common/component/mark-area.js +0 -27
  76. package/esm/common/component/mark-area.js.map +0 -1
  77. package/esm/common/component/mark-line.d.ts +0 -2
  78. package/esm/common/component/mark-line.js +0 -37
  79. package/esm/common/component/mark-line.js.map +0 -1
  80. package/esm/common/component/mark-point.d.ts +0 -2
  81. package/esm/common/component/mark-point.js +0 -48
  82. package/esm/common/component/mark-point.js.map +0 -1
  83. package/esm/common/component/polar-axis.d.ts +0 -5
  84. package/esm/common/component/polar-axis.js +0 -24
  85. package/esm/common/component/polar-axis.js.map +0 -1
  86. package/esm/common/component/scroll-bar.d.ts +0 -2
  87. package/esm/common/component/scroll-bar.js +0 -19
  88. package/esm/common/component/scroll-bar.js.map +0 -1
  89. package/esm/common/mark.d.ts +0 -2
  90. package/esm/common/mark.js +0 -13
  91. package/esm/common/mark.js.map +0 -1
@@ -1,80 +1,25 @@
1
1
  export const axis = {
2
- axis: {
2
+ axisRadius: {
3
3
  domainLine: {
4
- visible: !0,
5
- style: {
6
- lineWidth: 1,
7
- stroke: {
8
- type: "palette",
9
- key: "axisDomainColor"
10
- }
11
- }
4
+ visible: !1
12
5
  },
13
6
  grid: {
14
- visible: !0,
7
+ smooth: !1,
15
8
  style: {
16
- lineWidth: 1,
17
- stroke: {
18
- type: "palette",
19
- key: "axisGridColor"
20
- },
21
- lineDash: [ 4, 4 ]
22
- }
23
- },
24
- subGrid: {
25
- visible: !1,
26
- style: {
27
- lineWidth: 1,
28
- stroke: {
29
- type: "palette",
30
- key: "axisGridColor"
31
- },
32
9
  lineDash: [ 4, 4 ]
33
10
  }
11
+ }
12
+ },
13
+ axisAngle: {
14
+ domainLine: {
15
+ visible: !0
34
16
  },
35
17
  tick: {
36
- visible: !0,
37
- style: {
38
- lineWidth: 1,
39
- stroke: {
40
- type: "palette",
41
- key: "blackColors25"
42
- }
43
- }
44
- },
45
- subTick: {
46
- visible: !1,
47
- tickSize: 2,
48
- style: {
49
- lineWidth: 1,
50
- stroke: {
51
- type: "palette",
52
- key: "blackColors15"
53
- }
54
- }
18
+ visible: !1
55
19
  },
56
- label: {
57
- visible: !0,
58
- space: 8,
59
- style: {
60
- fontSize: 12,
61
- fill: {
62
- type: "palette",
63
- key: "blackColors45"
64
- },
65
- fontWeight: 400,
66
- fillOpacity: 1
67
- }
68
- },
69
- title: {
70
- visible: !1,
20
+ grid: {
71
21
  style: {
72
- fill: {
73
- type: "palette",
74
- key: "blackColors65"
75
- },
76
- fontSize: 12,
77
- lineHeight: 12
22
+ lineDash: [ 0 ]
78
23
  }
79
24
  }
80
25
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/common/component/axis.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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"]}
1
+ {"version":3,"sources":["../src/common/component/axis.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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"]}
@@ -1,3 +1,4 @@
1
1
  import type { ICrosshairTheme } from '@visactor/vchart';
2
2
  export declare const barCrosshair: ICrosshairTheme;
3
3
  export declare const lineCrosshair: ICrosshairTheme;
4
+ export declare const radarCrosshair: ICrosshairTheme;
@@ -35,4 +35,15 @@ export const lineCrosshair = {
35
35
  }
36
36
  }
37
37
  };
38
+
39
+ export const radarCrosshair = {
40
+ categoryField: {
41
+ line: {
42
+ style: {
43
+ lineDash: [ 0 ],
44
+ lineWidth: 1
45
+ }
46
+ }
47
+ }
48
+ };
38
49
  //# sourceMappingURL=crosshair.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,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"]}
1
+ {"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,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"]}
@@ -1,2 +1,2 @@
1
- import type { ITooltipTheme } from '@visactor/vchart';
2
- export declare const tooltip: ITooltipTheme;
1
+ import type { IComponentTheme } from '@visactor/vchart';
2
+ export declare const tooltip: IComponentTheme['tooltip'];
@@ -7,6 +7,12 @@ export const tooltip = {
7
7
  shape: {
8
8
  shapeType: "circle",
9
9
  size: 8
10
+ },
11
+ mark: {
12
+ visible: !1
13
+ },
14
+ dimension: {
15
+ visible: !0
10
16
  }
11
17
  };
12
18
  //# sourceMappingURL=tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/common/component/tooltip.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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"]}
1
+ {"version":3,"sources":["../src/common/component/tooltip.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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"]}
@@ -1,6 +1,7 @@
1
1
  const bar = {
2
2
  barMaxWidth: 16,
3
3
  barGapInGroup: 2,
4
+ barMinHeight: 2,
4
5
  bar: {
5
6
  style: {
6
7
  visible: datum => datum.value > 0
@@ -1 +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;AAEF,MAAM,CAAC,MAAM,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"]}
1
+ {"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;AAEF,MAAM,CAAC,MAAM,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"]}
@@ -2,8 +2,6 @@ export const funnel = {
2
2
  funnel: {
3
3
  state: {
4
4
  selected: {
5
- fill: "#1966FF",
6
- stroke: "#3958E0",
7
5
  strokeOpacity: .2,
8
6
  lineWidth: 4
9
7
  }
@@ -21,10 +19,6 @@ export const funnel = {
21
19
  },
22
20
  label: {
23
21
  style: {
24
- fill: {
25
- type: "palette",
26
- key: "whiteColors100"
27
- },
28
22
  fontSize: 12
29
23
  }
30
24
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/common/series/funnel.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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"]}
1
+ {"version":3,"sources":["../src/common/series/funnel.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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"]}
@@ -33,15 +33,15 @@ export const pie = {
33
33
  text: `${null == data ? void 0 : data.value}\n`,
34
34
  fill: "#111",
35
35
  fontSize: 16,
36
- fontWeight: "500",
37
- fontFamily: "douyinNumber",
36
+ fontWeight: 500,
37
+ fontFamily: "Douyin Number ABC",
38
38
  stroke: !1,
39
39
  textAlign: cos < 0 ? "right" : "left"
40
40
  }, {
41
41
  text: null == data ? void 0 : data.type,
42
42
  fill: "#606165",
43
43
  fontSize: 12,
44
- fontWeight: "400",
44
+ fontWeight: 400,
45
45
  stroke: !1,
46
46
  textAlign: cos < 0 ? "right" : "left"
47
47
  } ]
@@ -58,6 +58,10 @@ export const pie = {
58
58
  style: {
59
59
  type: "rich",
60
60
  boundsPadding: [ 6, 0, 6, 0 ]
61
+ },
62
+ legend: {
63
+ visible: !0,
64
+ orient: "bottom"
61
65
  }
62
66
  }
63
67
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/common/series/pie.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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"]}
1
+ {"version":3,"sources":["../src/common/series/pie.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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"]}
@@ -1,9 +1,4 @@
1
1
  export const radar = {
2
- line: {
3
- style: {
4
- lineWidth: 1
5
- }
6
- },
7
2
  point: {
8
3
  style: {
9
4
  visible: !1,
@@ -11,18 +6,32 @@ export const radar = {
11
6
  lineWidth: 2,
12
7
  shadowColor: "rgba(0, 0, 0, 0.1)",
13
8
  shadowBlur: 3,
14
- stroke: {
15
- type: "palette",
16
- key: "whiteColors100"
9
+ stroke: "#fff"
10
+ },
11
+ state: {
12
+ dimension_hover: {
13
+ visible: !0
17
14
  }
18
15
  }
19
16
  },
20
17
  area: {
21
- visible: !0
18
+ visible: !0,
19
+ style: {
20
+ fillOpacity: .1,
21
+ lineDash: [ 2, 2 ]
22
+ }
23
+ },
24
+ line: {
25
+ style: {
26
+ lineWidth: 2
27
+ },
28
+ state: {
29
+ dimension_hover: {
30
+ lineDash: [ 0 ],
31
+ lineWidth: 2
32
+ }
33
+ }
22
34
  },
23
- label: {
24
- position: "top",
25
- offset: 4
26
- }
35
+ outerRadius: .8
27
36
  };
28
37
  //# sourceMappingURL=radar.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/common/series/radar.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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"]}
1
+ {"version":3,"sources":["../src/common/series/radar.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,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"]}
@@ -23,5 +23,4 @@ export const treemap = {
23
23
  }
24
24
  }
25
25
  }
26
- };
27
- //# sourceMappingURL=treemap.js.map
26
+ };
package/esm/index.js CHANGED
@@ -4,7 +4,7 @@ import { legend, lineLegend } from "./common/component/legend";
4
4
 
5
5
  import { tooltip } from "./common/component/tooltip";
6
6
 
7
- import { barCrosshair, lineCrosshair } from "./common/component/crosshair";
7
+ import { barCrosshair, lineCrosshair, radarCrosshair } from "./common/component/crosshair";
8
8
 
9
9
  import { area } from "./common/series/area";
10
10
 
@@ -12,16 +12,22 @@ import { barTheme as bar } from "./common/series/bar";
12
12
 
13
13
  import { line } from "./common/series/line";
14
14
 
15
+ import { scatter } from "./common/series/scatter";
16
+
15
17
  import { pie } from "./common/series/pie";
16
18
 
19
+ import { axis } from "./common/component/axis";
20
+
21
+ import { radar } from "./common/series/radar";
22
+
17
23
  export const chartAuroraTheme = {
18
24
  name: "aurora",
19
25
  type: "light",
20
26
  description: "light theme for Aurora.",
21
27
  colorScheme: colorScheme,
22
- component: Object.assign(Object.assign({}, legend), {
28
+ component: Object.assign(Object.assign(Object.assign({}, legend), {
23
29
  tooltip: tooltip
24
- }),
30
+ }), axis),
25
31
  chart: {
26
32
  line: {
27
33
  component: Object.assign({
@@ -42,12 +48,19 @@ export const chartAuroraTheme = {
42
48
  dataScheme: barColorList
43
49
  }
44
50
  }
51
+ },
52
+ radar: {
53
+ component: {
54
+ crosshair: radarCrosshair
55
+ }
45
56
  }
46
57
  },
47
58
  series: Object.assign(Object.assign(Object.assign({
48
59
  pie: pie
49
60
  }, bar), area), {
50
- line: line
61
+ line: line,
62
+ radar: radar,
63
+ scatter: scatter
51
64
  })
52
65
  };
53
66
 
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE5F,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,IAAI,GAAG,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAO1C,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,yBAAyB;IACtC,WAAW;IACX,SAAS,kCACJ,MAAM,KACT,OAAO,GACR;IACD,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,SAAS,kBACP,SAAS,EAAE,aAAa,IACrB,UAAU,CACd;SACF;QACD,IAAI,EAAE;YACJ,SAAS,kBACP,SAAS,EAAE,aAAa,IACrB,UAAU,CACd;SACF;QACD,GAAG,EAAE;YACH,SAAS,EAAE;gBACT,SAAS,EAAE,YAAY;aACxB;YACD,WAAW,EAAE;gBACX,OAAO,EAAE;oBACP,UAAU,EAAE,YAAY;iBACzB;aACF;SACF;KACF;IACD,MAAM,8CACJ,GAAG,IACA,GAAG,GACH,IAAI,KACP,IAAI,GACL;CACF,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,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"]}
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE5F,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,IAAI,GAAG,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,yBAAyB;IACtC,WAAW;IACX,SAAS,gDACJ,MAAM,KACT,OAAO,KACJ,IAAI,CACR;IACD,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,SAAS,kBACP,SAAS,EAAE,aAAa,IACrB,UAAU,CACd;SACF;QACD,IAAI,EAAE;YACJ,SAAS,kBACP,SAAS,EAAE,aAAa,IACrB,UAAU,CACd;SACF;QACD,GAAG,EAAE;YACH,SAAS,EAAE;gBACT,SAAS,EAAE,YAAY;aACxB;YACD,WAAW,EAAE;gBACX,OAAO,EAAE;oBACP,UAAU,EAAE,YAAY;iBACzB;aACF;SACF;QACD,KAAK,EAAE;YACL,SAAS,EAAE;gBACT,SAAS,EAAE,cAAc;aAC1B;SACF;KACF;IACD,MAAM,8CACJ,GAAG,IACA,GAAG,GACH,IAAI,KACP,IAAI;QACJ,KAAK;QACL,OAAO,GACR;CACF,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@visactor/vchart-aurora-theme",
3
- "version": "1.12.3-alpha.7",
3
+ "version": "1.13.0",
4
4
  "description": "Extended themes for VChart",
5
5
  "sideEffects": false,
6
6
  "main": "cjs/index.js",
@@ -16,7 +16,7 @@
16
16
  "@visactor/vchart": ">=1.10.4"
17
17
  },
18
18
  "dependencies": {
19
- "@visactor/vchart-theme-utils": "1.12.3-alpha.7"
19
+ "@visactor/vchart-theme-utils": "1.13.0"
20
20
  },
21
21
  "devDependencies": {
22
22
  "@esbuild-plugins/node-globals-polyfill": "0.1.1",
@@ -47,14 +47,14 @@
47
47
  "vite-plugin-svgr": "^4.1.0",
48
48
  "sass": "^1.63.6",
49
49
  "@babel/runtime": "latest",
50
- "@visactor/vchart": "2.0.19",
51
- "@visactor/react-vchart": "2.0.19",
50
+ "@visactor/vchart": "2.0.22",
51
+ "@visactor/react-vchart": "2.0.22",
52
52
  "@douyinfe/semi-ui": "^2.51.3",
53
53
  "@douyinfe/semi-icons": "latest",
54
54
  "@douyinfe/semi-icons-lab": "latest",
55
- "@internal/jest-config": "0.0.1",
56
- "@internal/ts-config": "0.0.1",
57
55
  "@internal/eslint-config": "0.0.1",
56
+ "@internal/ts-config": "0.0.1",
57
+ "@internal/jest-config": "0.0.1",
58
58
  "@internal/bundler": "0.0.1",
59
59
  "@internal/chart-demo": "0.0.1"
60
60
  },
@@ -1,3 +0,0 @@
1
- import type { IDataZoomTheme } from '@visactor/vchart';
2
- export declare const dataZoomCommon: IDataZoomTheme;
3
- export declare const dataZoom: IDataZoomTheme;
@@ -1,67 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: !0
5
- }), exports.dataZoom = exports.dataZoomCommon = void 0, exports.dataZoomCommon = {
6
- middleHandler: {
7
- visible: !1
8
- },
9
- startHandler: {
10
- style: {
11
- size: 22
12
- }
13
- },
14
- selectedBackground: {
15
- style: {
16
- fill: "#6699FF",
17
- fillOpacity: .2,
18
- opacity: 1,
19
- stroke: "#6699FF",
20
- lineWidth: 2,
21
- cornerRadius: 4
22
- }
23
- },
24
- background: {
25
- style: {
26
- fill: "#F3F4F6",
27
- fillOpacity: .2,
28
- cornerRadius: 4,
29
- stroke: "#EDEEF0",
30
- opacity: 1,
31
- lineWidth: 2
32
- }
33
- },
34
- endHandler: {
35
- style: {
36
- size: 22
37
- }
38
- },
39
- backgroundChart: {
40
- area: {
41
- style: {
42
- fill: !1,
43
- stroke: "#6699FF"
44
- }
45
- },
46
- line: {
47
- style: {
48
- fill: !1,
49
- stroke: "#6699FF"
50
- }
51
- }
52
- },
53
- startText: {
54
- visible: !1
55
- },
56
- endText: {
57
- visible: !1
58
- }
59
- }, exports.dataZoom = {
60
- horizontal: Object.assign(Object.assign({}, exports.dataZoomCommon), {
61
- height: 44
62
- }),
63
- vertical: Object.assign(Object.assign({}, exports.dataZoomCommon), {
64
- width: 44
65
- })
66
- };
67
- //# sourceMappingURL=data-zoom.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/common/component/data-zoom.ts"],"names":[],"mappings":";;;AAEa,QAAA,cAAc,GAAmB;IAC5C,aAAa,EAAE;QACb,OAAO,EAAE,KAAK;KACf;IACD,YAAY,EAAE;QACZ,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;SACT;KACF;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,GAAG;YAChB,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,CAAC;SAChB;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,GAAG;YAChB,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,CAAC;SACb;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;SACT;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,MAAM,EAAE,SAAS;aAClB;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,MAAM,EAAE,SAAS;aAClB;SACF;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,KAAK;KACf;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;KACf;CACF,CAAC;AAEW,QAAA,QAAQ,GAAmB;IACtC,UAAU,kCACL,sBAAc,KACjB,MAAM,EAAE,EAAE,GACX;IACD,QAAQ,kCACH,sBAAc,KACjB,KAAK,EAAE,EAAE,GACV;CACF,CAAC","file":"data-zoom.js","sourcesContent":["import type { IDataZoomTheme } from '@visactor/vchart';\n\nexport const dataZoomCommon: IDataZoomTheme = {\n middleHandler: {\n visible: false\n },\n startHandler: {\n style: {\n size: 22\n }\n },\n selectedBackground: {\n style: {\n fill: '#6699FF',\n fillOpacity: 0.2,\n opacity: 1,\n stroke: '#6699FF',\n lineWidth: 2,\n cornerRadius: 4\n }\n },\n background: {\n style: {\n fill: '#F3F4F6',\n fillOpacity: 0.2,\n cornerRadius: 4,\n stroke: '#EDEEF0',\n opacity: 1,\n lineWidth: 2\n }\n },\n endHandler: {\n style: {\n size: 22\n }\n },\n backgroundChart: {\n area: {\n style: {\n fill: false,\n stroke: '#6699FF'\n }\n },\n line: {\n style: {\n fill: false,\n stroke: '#6699FF'\n }\n }\n },\n startText: {\n visible: false\n },\n endText: {\n visible: false\n }\n};\n\nexport const dataZoom: IDataZoomTheme = {\n horizontal: {\n ...dataZoomCommon,\n height: 44\n },\n vertical: {\n ...dataZoomCommon,\n width: 44\n }\n};\n"]}
@@ -1,2 +0,0 @@
1
- import type { IIndicatorTheme } from '@visactor/vchart';
2
- export declare const indicator: IIndicatorTheme;
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: !0
5
- }), exports.indicator = void 0, exports.indicator = {
6
- title: {
7
- visible: !0,
8
- style: {
9
- fill: "#12141A",
10
- fontWeight: 500,
11
- fontSize: 16
12
- }
13
- },
14
- content: {
15
- visible: !0,
16
- style: {
17
- fill: "#85878A",
18
- fontWeight: 400,
19
- fontSize: 12
20
- }
21
- }
22
- };
23
- //# sourceMappingURL=indicator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/common/component/indicator.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAoB;IACxC,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,EAAE;SACb;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,EAAE;SACb;KACF;CACF,CAAC","file":"indicator.js","sourcesContent":["import type { IIndicatorTheme } from '@visactor/vchart';\n\nexport const indicator: IIndicatorTheme = {\n title: {\n visible: true,\n style: {\n fill: '#12141A',\n fontWeight: 500,\n fontSize: 16\n }\n },\n content: {\n visible: true,\n style: {\n fill: '#85878A',\n fontWeight: 400,\n fontSize: 12\n }\n }\n};\n"]}
@@ -1,2 +0,0 @@
1
- import type { IMarkAreaTheme } from '@visactor/vchart';
2
- export declare const markArea: IMarkAreaTheme;
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: !0
5
- }), exports.markArea = void 0, exports.markArea = {
6
- area: {
7
- style: {
8
- fill: {
9
- type: "palette",
10
- key: "blackColors100",
11
- a: .06
12
- }
13
- }
14
- },
15
- label: {
16
- style: {
17
- fontSize: {
18
- type: "token",
19
- key: "l5FontSize"
20
- },
21
- fill: {
22
- type: "palette",
23
- key: "blackColors65"
24
- }
25
- },
26
- labelBackground: {
27
- visible: !1
28
- }
29
- }
30
- };
31
- //# sourceMappingURL=mark-area.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/common/component/mark-area.ts"],"names":[],"mappings":";;;AAEa,QAAA,QAAQ,GAAmB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE;SAC1D;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;SAChD;QACD,eAAe,EAAE;YACf,OAAO,EAAE,KAAK;SACf;KACF;CACF,CAAC","file":"mark-area.js","sourcesContent":["import type { IMarkAreaTheme } from '@visactor/vchart';\n\nexport const markArea: IMarkAreaTheme = {\n area: {\n style: {\n fill: { type: 'palette', key: 'blackColors100', a: 0.06 }\n }\n },\n label: {\n style: {\n fontSize: { type: 'token', key: 'l5FontSize' },\n fill: { type: 'palette', key: 'blackColors65' }\n },\n labelBackground: {\n visible: false\n }\n }\n};\n"]}
@@ -1,2 +0,0 @@
1
- import type { IMarkLineTheme } from '@visactor/vchart';
2
- export declare const markLine: IMarkLineTheme;
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: !0
5
- }), exports.markLine = void 0, exports.markLine = {
6
- line: {
7
- style: {
8
- lineDash: [],
9
- lineWidth: 1,
10
- stroke: {
11
- type: "palette",
12
- key: "blackColors25"
13
- }
14
- }
15
- },
16
- startSymbol: {
17
- visible: !1
18
- },
19
- endSymbol: {
20
- visible: !1
21
- },
22
- label: {
23
- position: "insideStartTop",
24
- refY: 0,
25
- autoRotate: !0,
26
- style: {
27
- fontSize: {
28
- type: "token",
29
- key: "l5FontSize"
30
- },
31
- fill: {
32
- type: "palette",
33
- key: "blackColors65"
34
- }
35
- },
36
- labelBackground: {
37
- visible: !1
38
- }
39
- }
40
- };
41
- //# sourceMappingURL=mark-line.js.map