@visactor/vchart-aurora-theme 1.12.3-alpha.5 → 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 (115) hide show
  1. package/README.md +1 -1
  2. package/build/index.js +235 -594
  3. package/build/index.min.js +1 -1
  4. package/cjs/common/color-scheme.d.ts +3 -0
  5. package/cjs/common/color-scheme.js +15 -37
  6. package/cjs/common/color-scheme.js.map +1 -1
  7. package/cjs/common/component/axis.d.ts +1 -1
  8. package/cjs/common/component/axis.js +11 -66
  9. package/cjs/common/component/axis.js.map +1 -1
  10. package/cjs/common/component/crosshair.d.ts +3 -1
  11. package/cjs/common/component/crosshair.js +33 -19
  12. package/cjs/common/component/crosshair.js.map +1 -1
  13. package/cjs/common/component/legend.d.ts +1 -0
  14. package/cjs/common/component/legend.js +22 -115
  15. package/cjs/common/component/legend.js.map +1 -1
  16. package/cjs/common/component/tooltip.d.ts +2 -2
  17. package/cjs/common/component/tooltip.js +7 -59
  18. package/cjs/common/component/tooltip.js.map +1 -1
  19. package/cjs/common/series/area.js +19 -9
  20. package/cjs/common/series/area.js.map +1 -1
  21. package/cjs/common/series/bar.js +9 -10
  22. package/cjs/common/series/bar.js.map +1 -1
  23. package/cjs/common/series/funnel.js +0 -6
  24. package/cjs/common/series/funnel.js.map +1 -1
  25. package/cjs/common/series/line.js +5 -7
  26. package/cjs/common/series/line.js.map +1 -1
  27. package/cjs/common/series/pie.js +43 -2
  28. package/cjs/common/series/pie.js.map +1 -1
  29. package/cjs/common/series/radar.js +22 -13
  30. package/cjs/common/series/radar.js.map +1 -1
  31. package/cjs/common/series/treemap.js +1 -2
  32. package/cjs/index.d.ts +2 -0
  33. package/cjs/index.js +53 -23
  34. package/cjs/index.js.map +1 -1
  35. package/esm/common/color-scheme.d.ts +3 -0
  36. package/esm/common/color-scheme.js +13 -33
  37. package/esm/common/color-scheme.js.map +1 -1
  38. package/esm/common/component/axis.d.ts +1 -1
  39. package/esm/common/component/axis.js +11 -66
  40. package/esm/common/component/axis.js.map +1 -1
  41. package/esm/common/component/crosshair.d.ts +3 -1
  42. package/esm/common/component/crosshair.js +36 -19
  43. package/esm/common/component/crosshair.js.map +1 -1
  44. package/esm/common/component/legend.d.ts +1 -0
  45. package/esm/common/component/legend.js +23 -112
  46. package/esm/common/component/legend.js.map +1 -1
  47. package/esm/common/component/tooltip.d.ts +2 -2
  48. package/esm/common/component/tooltip.js +7 -59
  49. package/esm/common/component/tooltip.js.map +1 -1
  50. package/esm/common/series/area.js +19 -9
  51. package/esm/common/series/area.js.map +1 -1
  52. package/esm/common/series/bar.js +9 -10
  53. package/esm/common/series/bar.js.map +1 -1
  54. package/esm/common/series/funnel.js +0 -6
  55. package/esm/common/series/funnel.js.map +1 -1
  56. package/esm/common/series/line.js +5 -7
  57. package/esm/common/series/line.js.map +1 -1
  58. package/esm/common/series/pie.js +43 -2
  59. package/esm/common/series/pie.js.map +1 -1
  60. package/esm/common/series/radar.js +22 -13
  61. package/esm/common/series/radar.js.map +1 -1
  62. package/esm/common/series/treemap.js +1 -2
  63. package/esm/index.d.ts +2 -0
  64. package/esm/index.js +43 -51
  65. package/esm/index.js.map +1 -1
  66. package/package.json +8 -7
  67. package/cjs/common/component/data-zoom.d.ts +0 -3
  68. package/cjs/common/component/data-zoom.js +0 -67
  69. package/cjs/common/component/data-zoom.js.map +0 -1
  70. package/cjs/common/component/indicator.d.ts +0 -2
  71. package/cjs/common/component/indicator.js +0 -23
  72. package/cjs/common/component/indicator.js.map +0 -1
  73. package/cjs/common/component/mark-area.d.ts +0 -2
  74. package/cjs/common/component/mark-area.js +0 -31
  75. package/cjs/common/component/mark-area.js.map +0 -1
  76. package/cjs/common/component/mark-line.d.ts +0 -2
  77. package/cjs/common/component/mark-line.js +0 -41
  78. package/cjs/common/component/mark-line.js.map +0 -1
  79. package/cjs/common/component/mark-point.d.ts +0 -2
  80. package/cjs/common/component/mark-point.js +0 -52
  81. package/cjs/common/component/mark-point.js.map +0 -1
  82. package/cjs/common/component/polar-axis.d.ts +0 -5
  83. package/cjs/common/component/polar-axis.js +0 -30
  84. package/cjs/common/component/polar-axis.js.map +0 -1
  85. package/cjs/common/component/scroll-bar.d.ts +0 -2
  86. package/cjs/common/component/scroll-bar.js +0 -23
  87. package/cjs/common/component/scroll-bar.js.map +0 -1
  88. package/cjs/common/mark.d.ts +0 -2
  89. package/cjs/common/mark.js +0 -17
  90. package/cjs/common/mark.js.map +0 -1
  91. package/esm/common/component/data-zoom.d.ts +0 -3
  92. package/esm/common/component/data-zoom.js +0 -65
  93. package/esm/common/component/data-zoom.js.map +0 -1
  94. package/esm/common/component/indicator.d.ts +0 -2
  95. package/esm/common/component/indicator.js +0 -19
  96. package/esm/common/component/indicator.js.map +0 -1
  97. package/esm/common/component/mark-area.d.ts +0 -2
  98. package/esm/common/component/mark-area.js +0 -27
  99. package/esm/common/component/mark-area.js.map +0 -1
  100. package/esm/common/component/mark-line.d.ts +0 -2
  101. package/esm/common/component/mark-line.js +0 -37
  102. package/esm/common/component/mark-line.js.map +0 -1
  103. package/esm/common/component/mark-point.d.ts +0 -2
  104. package/esm/common/component/mark-point.js +0 -48
  105. package/esm/common/component/mark-point.js.map +0 -1
  106. package/esm/common/component/polar-axis.d.ts +0 -5
  107. package/esm/common/component/polar-axis.js +0 -24
  108. package/esm/common/component/polar-axis.js.map +0 -1
  109. package/esm/common/component/scroll-bar.d.ts +0 -2
  110. package/esm/common/component/scroll-bar.js +0 -19
  111. package/esm/common/component/scroll-bar.js.map +0 -1
  112. package/esm/common/mark.d.ts +0 -2
  113. package/esm/common/mark.js +0 -13
  114. package/esm/common/mark.js.map +0 -1
  115. package/public/aurora.json +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,2 +1,4 @@
1
1
  import type { ICrosshairTheme } from '@visactor/vchart';
2
- export declare const crosshair: ICrosshairTheme;
2
+ export declare const barCrosshair: ICrosshairTheme;
3
+ export declare const lineCrosshair: ICrosshairTheme;
4
+ export declare const radarCrosshair: ICrosshairTheme;
@@ -1,31 +1,48 @@
1
- export const crosshair = {
2
- trigger: "hover",
3
- bandField: {
1
+ export const barCrosshair = {
2
+ xField: {
4
3
  line: {
5
4
  type: "rect",
6
- visible: !0,
7
5
  style: {
8
- fill: "#CCD7EB",
9
- fillOpacity: .4,
10
- lineDash: []
6
+ fill: {
7
+ gradient: "linear",
8
+ x0: 0,
9
+ y0: 0,
10
+ x1: 0,
11
+ y1: 1,
12
+ stops: [ {
13
+ offset: 0,
14
+ color: "rgba(51, 119, 255, 0.1)"
15
+ }, {
16
+ offset: 1,
17
+ color: "rgba(118, 164, 255, 0.1)"
18
+ } ]
19
+ }
11
20
  }
12
- },
13
- label: {
14
- visible: !1
15
21
  }
16
- },
17
- linearField: {
18
- visible: !1,
22
+ }
23
+ };
24
+
25
+ export const lineCrosshair = {
26
+ bandField: {
19
27
  line: {
20
28
  type: "line",
29
+ width: 1,
30
+ style: {
31
+ lineWidth: 1,
32
+ stroke: "#DCDEE1",
33
+ lineDash: [ 2, 2 ]
34
+ }
35
+ }
36
+ }
37
+ };
38
+
39
+ export const radarCrosshair = {
40
+ categoryField: {
41
+ line: {
21
42
  style: {
22
- stroke: "#CCD7EB",
23
- lineWidth: .4,
24
- lineDash: []
43
+ lineDash: [ 0 ],
44
+ lineWidth: 1
25
45
  }
26
- },
27
- label: {
28
- visible: !1
29
46
  }
30
47
  }
31
48
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAoB;IACxC,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,GAAG;gBAChB,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,SAAS,EAAE,GAAG;gBACd,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;KACF;CACF,CAAC","file":"crosshair.js","sourcesContent":["import type { ICrosshairTheme } from '@visactor/vchart';\n\nexport const crosshair: ICrosshairTheme = {\n trigger: 'hover',\n bandField: {\n line: {\n type: 'rect',\n visible: true,\n style: {\n fill: '#CCD7EB',\n fillOpacity: 0.4,\n lineDash: []\n }\n },\n label: {\n visible: false\n }\n },\n linearField: {\n visible: false,\n line: {\n type: 'line',\n style: {\n stroke: '#CCD7EB',\n lineWidth: 0.4,\n lineDash: []\n }\n },\n label: {\n visible: false\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,3 @@
1
1
  import type { IComponentTheme } from '@visactor/vchart';
2
2
  export declare const legend: Partial<IComponentTheme>;
3
+ export declare const lineLegend: Partial<IComponentTheme>;
@@ -1,138 +1,49 @@
1
- const commonColorLegendTheme = {
2
- handlerText: {
3
- space: 10,
4
- style: {
5
- fontSize: 12,
6
- fill: "#2C3542"
7
- }
8
- },
9
- title: {
10
- space: 5,
11
- style: {
12
- fontSize: 12,
13
- fill: "#2C3542"
14
- }
15
- }
16
- };
17
-
18
1
  export const legend = {
19
2
  discreteLegend: {
20
3
  visible: !0,
21
4
  orient: "top",
22
- padding: [ 8, 8, 8, 8 ],
5
+ position: "middle",
23
6
  maxRow: 1,
24
7
  title: {
25
- visible: !1,
26
- textStyle: {
27
- fill: {
28
- type: "palette",
29
- key: "blackColors45"
30
- },
31
- fontSize: 12,
32
- lineHeight: 21
33
- }
8
+ visible: !1
34
9
  },
35
10
  item: {
36
11
  visible: !0,
37
- spaceCol: 24,
38
- spaceRow: 12,
39
- padding: 0,
40
12
  background: {
41
13
  visible: !1
42
14
  },
43
15
  shape: {
44
- space: 4,
45
16
  style: {
46
- size: 8,
47
17
  symbolType: "circle"
48
- },
49
- state: {
50
- unSelected: {
51
- fill: "#D8D8D8"
52
- }
53
- }
54
- },
55
- label: {
56
- space: 100,
57
- style: {
58
- fill: "#85878A",
59
- fontSize: 12,
60
- lineHeight: 12,
61
- opacity: 1,
62
- fontWeight: 400
63
- },
64
- state: {
65
- unSelected: {
66
- fill: "#D8D8D8",
67
- opacity: 1
68
- }
69
- }
70
- }
71
- },
72
- pager: {
73
- handler: {
74
- space: 8,
75
- style: {
76
- size: 10,
77
- fill: {
78
- type: "palette",
79
- key: "blackColors100"
80
- }
81
18
  }
82
- },
83
- textStyle: {
84
- fill: {
85
- type: "palette",
86
- key: "blackColors45"
87
- },
88
- fontSize: 10
89
19
  }
90
20
  },
91
21
  allowAllCanceled: !1
92
- },
93
- colorLegend: {
94
- horizontal: Object.assign(Object.assign({}, commonColorLegendTheme), {
95
- handler: {
96
- style: {
97
- symbolType: "rectRound",
98
- size: 16,
99
- scaleX: .5,
100
- fill: "#fff",
101
- lineWidth: 1,
102
- stroke: "#99B0F3",
103
- radius: 2,
104
- outerBorder: null
105
- }
106
- },
107
- rail: {
108
- height: 4,
109
- width: 100,
110
- style: {
111
- fill: "#DCDEE2"
112
- }
113
- }
114
- }),
115
- vertical: Object.assign(Object.assign({}, commonColorLegendTheme), {
116
- handler: {
117
- style: {
118
- symbolType: "rectRound",
119
- size: 16,
120
- scaleY: .5,
121
- fill: "#fff",
122
- lineWidth: 1,
123
- stroke: "#99B0F3",
124
- radius: 2,
125
- outerBorder: null
126
- }
22
+ }
23
+ };
24
+
25
+ export const lineLegend = {
26
+ discreteLegend: {
27
+ visible: !0,
28
+ orient: "top",
29
+ position: "middle",
30
+ maxRow: 1,
31
+ title: {
32
+ visible: !1
33
+ },
34
+ item: {
35
+ visible: !0,
36
+ background: {
37
+ visible: !1
127
38
  },
128
- rail: {
129
- width: 4,
130
- height: 100,
39
+ shape: {
131
40
  style: {
132
- fill: "#DCDEE2"
41
+ size: [ 8, 2 ],
42
+ symbolType: "rect"
133
43
  }
134
44
  }
135
- })
45
+ },
46
+ allowAllCanceled: !1
136
47
  }
137
48
  };
138
49
  //# sourceMappingURL=legend.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/common/component/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nconst commonColorLegendTheme = {\n handlerText: {\n space: 10,\n style: {\n fontSize: 12,\n fill: '#2C3542'\n }\n },\n title: {\n space: 5,\n style: {\n fontSize: 12,\n fill: '#2C3542'\n }\n }\n};\n\nexport const legend: Partial<IComponentTheme> = {\n discreteLegend: {\n visible: true,\n orient: 'top',\n padding: [8, 8, 8, 8],\n maxRow: 1,\n title: {\n visible: false,\n textStyle: {\n fill: { type: 'palette', key: 'blackColors45' },\n fontSize: 12,\n lineHeight: 21\n }\n },\n item: {\n visible: true,\n spaceCol: 24,\n spaceRow: 12,\n padding: 0,\n background: {\n visible: false\n },\n shape: {\n space: 4,\n style: {\n size: 8,\n symbolType: 'circle'\n },\n state: { unSelected: { fill: '#D8D8D8' } }\n },\n label: {\n space: 100,\n style: {\n fill: '#85878A',\n fontSize: 12,\n lineHeight: 12,\n opacity: 1,\n fontWeight: 400\n },\n state: {\n unSelected: {\n fill: '#D8D8D8',\n opacity: 1\n }\n }\n }\n },\n pager: {\n handler: {\n space: 8,\n style: {\n size: 10,\n fill: {\n type: 'palette',\n key: 'blackColors100'\n }\n }\n },\n textStyle: {\n fill: { type: 'palette', key: 'blackColors45' },\n fontSize: 10\n }\n },\n allowAllCanceled: false\n },\n colorLegend: {\n horizontal: {\n ...commonColorLegendTheme,\n handler: {\n style: {\n symbolType: 'rectRound',\n size: 16,\n scaleX: 0.5,\n fill: '#fff',\n lineWidth: 1,\n stroke: '#99B0F3',\n radius: 2,\n outerBorder: null\n }\n },\n rail: {\n height: 4,\n width: 100,\n style: {\n fill: '#DCDEE2'\n }\n }\n },\n vertical: {\n ...commonColorLegendTheme,\n handler: {\n style: {\n symbolType: 'rectRound',\n size: 16,\n scaleY: 0.5,\n fill: '#fff',\n lineWidth: 1,\n stroke: '#99B0F3',\n radius: 2,\n outerBorder: null\n }\n },\n rail: {\n width: 4,\n height: 100,\n style: {\n fill: '#DCDEE2'\n }\n }\n }\n }\n};\n"]}
1
+ {"version":3,"sources":["../src/common/component/legend.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAA6B;IAC9C,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,UAAU,EAAE;gBACV,OAAO,EAAE,KAAK;aACf;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,UAAU,EAAE,QAAQ;iBACrB;aACF;SACF;QACD,gBAAgB,EAAE,KAAK;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA6B;IAClD,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,UAAU,EAAE;gBACV,OAAO,EAAE,KAAK;aACf;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oBACZ,UAAU,EAAE,MAAM;iBACnB;aACF;SACF;QACD,gBAAgB,EAAE,KAAK;KACxB;CACF,CAAC","file":"legend.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const legend: Partial<IComponentTheme> = {\n discreteLegend: {\n visible: true,\n orient: 'top',\n position: 'middle',\n maxRow: 1,\n title: {\n visible: false\n },\n item: {\n visible: true,\n background: {\n visible: false\n },\n shape: {\n style: {\n symbolType: 'circle'\n }\n }\n },\n allowAllCanceled: false\n }\n};\n\nexport const lineLegend: Partial<IComponentTheme> = {\n discreteLegend: {\n visible: true,\n orient: 'top',\n position: 'middle',\n maxRow: 1,\n title: {\n visible: false\n },\n item: {\n visible: true,\n background: {\n visible: false\n },\n shape: {\n style: {\n size: [8, 2],\n symbolType: 'rect'\n }\n }\n },\n allowAllCanceled: false\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'];
@@ -1,70 +1,18 @@
1
1
  export const tooltip = {
2
- offset: {
3
- x: 16,
4
- y: 16
5
- },
6
2
  panel: {
7
- padding: {
8
- top: 12,
9
- left: 12,
10
- right: 12,
11
- bottom: 12
12
- },
13
- backgroundColor: {
14
- type: "palette",
15
- key: "popupBackgroundColor"
16
- },
17
3
  border: {
18
- color: {
19
- type: "palette",
20
- key: "popupBackgroundColor"
21
- },
22
- width: 0,
23
- radius: 3
24
- },
25
- shadow: {
26
- x: 0,
27
- y: 0,
28
- blur: 10,
29
- spread: 0,
30
- color: "#aeaeae"
4
+ radius: 8
31
5
  }
32
6
  },
33
- spaceRow: 12,
34
- titleLabel: {
35
- fontSize: 12,
36
- lineHeight: 12,
37
- fontColor: "#1D1D2E",
38
- fontWeight: "500",
39
- textAlign: "left",
40
- textBaseline: "middle",
41
- spacing: 0
42
- },
43
7
  shape: {
44
- size: 8,
45
- spacing: 8
8
+ shapeType: "circle",
9
+ size: 8
46
10
  },
47
- keyLabel: {
48
- fontSize: 12,
49
- lineHeight: 12,
50
- fontColor: {
51
- type: "palette",
52
- key: "blackColors65"
53
- },
54
- textAlign: "left",
55
- textBaseline: "middle",
56
- spacing: 12
11
+ mark: {
12
+ visible: !1
57
13
  },
58
- valueLabel: {
59
- fontSize: 12,
60
- lineHeight: 12,
61
- fontColor: {
62
- type: "palette",
63
- key: "blackColors65"
64
- },
65
- fontWeight: "normal",
66
- textBaseline: "middle",
67
- spacing: 0
14
+ dimension: {
15
+ visible: !0
68
16
  }
69
17
  };
70
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,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACrD,eAAe,EAAE;YACf,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,sBAAsB;SACrB;QACR,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,IAAI,EAAE,SAAS;gBACf,GAAG,EAAE,sBAAsB;aACrB;YACR,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,MAAM,EAAE;YACN,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,SAAS;SACjB;KACF;IACD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,CAAC;KACX;IACD,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;IAC9B,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,eAAe;SACd;QACR,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,EAAE;KACZ;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,eAAe;SACd;QACR,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,CAAC;KACX;CACF,CAAC","file":"tooltip.js","sourcesContent":["import type { ITooltipTheme } from '@visactor/vchart';\n\nexport const tooltip: ITooltipTheme = {\n offset: { x: 16, y: 16 },\n panel: {\n padding: { top: 12, left: 12, right: 12, bottom: 12 },\n backgroundColor: {\n type: 'palette',\n key: 'popupBackgroundColor'\n } as any,\n border: {\n color: {\n type: 'palette',\n key: 'popupBackgroundColor'\n } as any,\n width: 0,\n radius: 3\n },\n shadow: {\n x: 0,\n y: 0,\n blur: 10,\n spread: 0,\n color: '#aeaeae'\n }\n },\n spaceRow: 12,\n titleLabel: {\n fontSize: 12,\n lineHeight: 12,\n fontColor: '#1D1D2E',\n fontWeight: '500',\n textAlign: 'left',\n textBaseline: 'middle',\n spacing: 0\n },\n shape: { size: 8, spacing: 8 },\n keyLabel: {\n fontSize: 12,\n lineHeight: 12,\n fontColor: {\n type: 'palette',\n key: 'blackColors65'\n } as any,\n textAlign: 'left',\n textBaseline: 'middle',\n spacing: 12\n },\n valueLabel: {\n fontSize: 12,\n lineHeight: 12,\n fontColor: {\n type: 'palette',\n key: 'blackColors65'\n } as any,\n fontWeight: 'normal',\n textBaseline: 'middle',\n spacing: 0\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,5 +1,6 @@
1
1
  export const area = {
2
2
  area: {
3
+ seriesMark: "line",
3
4
  point: {
4
5
  style: {
5
6
  visible: !1,
@@ -7,9 +8,11 @@ export const area = {
7
8
  lineWidth: 2,
8
9
  shadowColor: "rgba(0, 0, 0, 0.1)",
9
10
  shadowBlur: 3,
10
- stroke: {
11
- type: "palette",
12
- key: "whiteColors100"
11
+ stroke: "#fff"
12
+ },
13
+ state: {
14
+ dimension_hover: {
15
+ visible: !0
13
16
  }
14
17
  }
15
18
  },
@@ -21,12 +24,19 @@ export const area = {
21
24
  },
22
25
  area: {
23
26
  style: {
24
- fillOpacity: .25,
25
- lineWidth: 2
26
- },
27
- state: {
28
- selected: {
29
- fillOpacity: .5
27
+ fill: {
28
+ gradient: "linear",
29
+ x0: 0,
30
+ y0: 0,
31
+ x1: 0,
32
+ y1: 1,
33
+ stops: [ {
34
+ offset: 0,
35
+ opacity: .7
36
+ }, {
37
+ offset: 1,
38
+ opacity: 0
39
+ } ]
30
40
  }
31
41
  }
32
42
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/common/series/area.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,GAGb;IACF,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,EAAE;gBACR,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE,oBAAoB;gBACjC,UAAU,EAAE,CAAC;gBACb,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;aACnD;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,UAAU;gBACrB,SAAS,EAAE,CAAC;aACb;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,KAAK,EAAE;gBACL,QAAQ,EAAE;oBACR,WAAW,EAAE,GAAG;iBACjB;aACF;SACF;KACF;CACF,CAAC","file":"area.js","sourcesContent":["import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart';\n\nexport const area: Pick<\n ISeriesTheme,\n SeriesTypeEnum.area | SeriesTypeForThemeEnum.area_vertical | SeriesTypeForThemeEnum.area_horizontal\n> = {\n area: {\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 line: {\n style: {\n curveType: 'monotone',\n lineWidth: 2\n }\n },\n area: {\n style: {\n fillOpacity: 0.25,\n lineWidth: 2\n },\n state: {\n selected: {\n fillOpacity: 0.5\n }\n }\n }\n }\n};\n"]}
1
+ {"version":3,"sources":["../src/common/series/area.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,GAGb;IACF,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,EAAE;gBACR,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE,oBAAoB;gBACjC,UAAU,EAAE,CAAC;gBACb,MAAM,EAAE,MAAM;aACf;YACD,KAAK,EAAE;gBACL,eAAe,EAAE;oBACf,OAAO,EAAE,IAAI;iBACd;aACF;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,UAAU;gBACrB,SAAS,EAAE,CAAC;aACb;SACF;QACD,IAAI,EAAE;YACJ,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;4BACE,MAAM,EAAE,CAAC;4BACT,OAAO,EAAE,GAAG;yBACb;wBACD;4BACE,MAAM,EAAE,CAAC;4BACT,OAAO,EAAE,CAAC;yBACX;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAC","file":"area.js","sourcesContent":["import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart';\n\nexport const area: Pick<\n ISeriesTheme,\n SeriesTypeEnum.area | SeriesTypeForThemeEnum.area_vertical | SeriesTypeForThemeEnum.area_horizontal\n> = {\n area: {\n seriesMark: 'line',\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 line: {\n style: {\n curveType: 'monotone',\n lineWidth: 2\n }\n },\n area: {\n style: {\n fill: {\n gradient: 'linear',\n x0: 0,\n y0: 0,\n x1: 0,\n y1: 1,\n stops: [\n {\n offset: 0,\n opacity: 0.7\n },\n {\n offset: 1,\n opacity: 0\n }\n ]\n }\n }\n }\n }\n};\n"]}
@@ -1,22 +1,20 @@
1
1
  const bar = {
2
- barMaxWidth: 8,
3
- barGapInGroup: 4,
4
- label: {
2
+ barMaxWidth: 16,
3
+ barGapInGroup: 2,
4
+ barMinHeight: 2,
5
+ bar: {
5
6
  style: {
6
- fill: {
7
- type: "palette",
8
- key: "secondaryFontColor"
9
- }
7
+ visible: datum => datum.value > 0
10
8
  }
11
9
  }
12
10
  }, bar_horizontal = {
13
- stackCornerRadius: [ 0, 1, 1, 0 ],
11
+ stackCornerRadius: [ 0, 2, 2, 0 ],
14
12
  label: {
15
13
  position: "right",
16
14
  offset: 4
17
15
  }
18
16
  }, bar_vertical = {
19
- stackCornerRadius: [ 1, 1, 0, 0 ],
17
+ stackCornerRadius: [ 2, 2, 0, 0 ],
20
18
  label: {
21
19
  position: "top",
22
20
  offset: 4
@@ -27,4 +25,5 @@ export const barTheme = {
27
25
  bar: bar,
28
26
  bar_horizontal: bar_horizontal,
29
27
  bar_vertical: bar_vertical
30
- };
28
+ };
29
+ //# sourceMappingURL=bar.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/common/series/bar.ts"],"names":[],"mappings":"AAEA,MAAM,GAAG,GAAwB;IAC/B,WAAW,EAAE,CAAC;IAEd,aAAa,EAAE,CAAC;IAChB,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;SACrD;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: 8,\n // @ts-ignore\n barGapInGroup: 4, // FIXME: typeError\n label: {\n style: {\n fill: { type: 'palette', key: 'secondaryFontColor' }\n }\n }\n};\n\nconst bar_horizontal: ISeriesTheme['bar'] = {\n // @ts-ignore\n stackCornerRadius: [0, 1, 1, 0], // FIXME: typeError\n label: {\n position: 'right',\n offset: 4\n }\n};\n\nconst bar_vertical: ISeriesTheme['bar'] = {\n // @ts-ignore\n stackCornerRadius: [1, 1, 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"]}
@@ -12,15 +12,13 @@ export const line = {
12
12
  lineWidth: 2,
13
13
  shadowColor: "rgba(0, 0, 0, 0.1)",
14
14
  shadowBlur: 3,
15
- stroke: {
16
- type: "palette",
17
- key: "whiteColors100"
15
+ stroke: "#fff"
16
+ },
17
+ state: {
18
+ dimension_hover: {
19
+ visible: !0
18
20
  }
19
21
  }
20
- },
21
- label: {
22
- position: "top",
23
- offset: 4
24
22
  }
25
23
  };
26
24
  //# sourceMappingURL=line.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/common/series/line.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,GAAyB;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,UAAU;SACtB;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,KAAK,EAAE;QACL,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,CAAC;KACV;CACF,CAAC","file":"line.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const line: ISeriesTheme['line'] = {\n line: {\n style: {\n lineWidth: 2,\n curveType: 'monotone'\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 label: {\n position: 'top',\n offset: 4\n }\n};\n"]}
1
+ {"version":3,"sources":["../src/common/series/line.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,GAAyB;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,UAAU;SACtB;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,MAAM;SACf;QACD,KAAK,EAAE;YACL,eAAe,EAAE;gBACf,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC","file":"line.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const line: ISeriesTheme['line'] = {\n line: {\n style: {\n lineWidth: 2,\n curveType: 'monotone'\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: '#fff'\n },\n state: {\n dimension_hover: {\n visible: true\n }\n }\n }\n};\n"]}