diff --git a/core/core-frontend/src/assets/svg/pie-proportion-dark.svg b/core/core-frontend/src/assets/svg/pie-proportion-dark.svg
new file mode 100644
index 0000000..4b3abae
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/pie-proportion-dark.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#00D6B9;}
+	.st1{fill:#3370FF;}
+</style>
+<g>
+	<path class="st0" d="M27.6,52v-7.4V52L27.6,52L27.6,52L27.6,52z M51.6,28c0-13.3-10.7-24-24-24v7.4c9.2,0,16.6,7.4,16.6,16.6H51.6
+		L51.6,28z"/>
+	<path class="st1" d="M26,11.5c-9.1,1-15.7,9.2-14.7,18.4s9.2,15.7,18.4,14.7c7.7-0.9,13.8-7,14.7-14.7h7.4
+		C50.9,42.3,40.5,52,27.9,52c-13.3,0-24-10.7-24-24C3.9,15.4,13.6,5,26,4.1V11.5L26,11.5z M51.9,28.1V28v-0.1V28.1L51.9,28.1z"/>
+	<g>
+		<g>
+			<path class="st1" d="M17.9,30.3c0.6-0.5,1.1-1,1.6-1.5c0.5-0.4,0.9-0.9,1.2-1.4c0.4-0.5,0.6-0.9,0.6-1.3c0-0.4-0.1-0.7-0.4-0.9
+				c-0.3-0.2-0.6-0.3-1.1-0.3c-0.3,0-0.7,0.1-1,0.2c-0.4,0.1-0.8,0.3-1.1,0.5v-1.4c0.4-0.2,0.8-0.4,1.3-0.6c0.5-0.1,0.9-0.2,1.4-0.2
+				c0.9,0,1.6,0.2,2.1,0.6c0.5,0.4,0.8,1,0.8,1.7c0,0.5-0.2,1.1-0.5,1.7c-0.4,0.6-0.8,1.1-1.2,1.6c-0.5,0.5-1,1-1.6,1.5l-0.3-0.2
+				h3.8v1.4h-5.7v-1.1L17.9,30.3z"/>
+			<path class="st1" d="M24.5,31.6V30c0.8,0.3,1.5,0.5,2.2,0.5c0.5,0,0.9-0.1,1.2-0.4c0.3-0.3,0.4-0.6,0.4-1c0-0.4-0.1-0.8-0.4-1
+				c-0.3-0.3-0.7-0.4-1.1-0.4c-0.6,0-1.2,0.1-1.9,0.4l0.1-4.5h4.7V25h-3.1l0,1.7c0.3,0,0.7-0.1,1-0.1c0.5,0,0.9,0.1,1.3,0.3
+				c0.4,0.2,0.7,0.5,0.9,0.9c0.2,0.4,0.3,0.8,0.3,1.3c0,0.6-0.1,1.1-0.4,1.5c-0.2,0.4-0.6,0.8-1,1c-0.4,0.2-1,0.3-1.6,0.3
+				C26.1,32,25.3,31.9,24.5,31.6z"/>
+			<path class="st1" d="M31.8,27.5c-0.3-0.3-0.4-0.9-0.4-1.7c0-0.8,0.1-1.4,0.4-1.7c0.3-0.3,0.7-0.5,1.3-0.5c0.6,0,1,0.2,1.3,0.5
+				c0.3,0.3,0.4,0.9,0.4,1.7c0,0.8-0.1,1.4-0.4,1.7c-0.3,0.3-0.7,0.5-1.3,0.5C32.6,28,32.1,27.9,31.8,27.5z M32.6,26.7
+				c0.1,0.2,0.3,0.2,0.5,0.2c0.2,0,0.3,0,0.4-0.1c0.1-0.1,0.2-0.2,0.2-0.3c0-0.2,0.1-0.4,0.1-0.7c0-0.3,0-0.5-0.1-0.7
+				c0-0.2-0.1-0.3-0.2-0.3c-0.1-0.1-0.2-0.1-0.4-0.1c-0.2,0-0.4,0.1-0.5,0.2c-0.1,0.2-0.1,0.5-0.1,0.9
+				C32.5,26.2,32.5,26.5,32.6,26.7z M37.2,23.7h1.3l-4.6,8.1h-1.3L37.2,23.7z M36.7,28c0.3-0.3,0.7-0.5,1.3-0.5c0.6,0,1,0.2,1.3,0.5
+				c0.3,0.3,0.4,0.9,0.4,1.7c0,0.8-0.1,1.4-0.4,1.7c-0.3,0.3-0.7,0.5-1.3,0.5c-0.6,0-1-0.2-1.3-0.5c-0.3-0.3-0.4-0.9-0.4-1.7
+				C36.2,28.9,36.4,28.3,36.7,28z M37.5,30.6c0.1,0.2,0.3,0.2,0.5,0.2c0.2,0,0.3,0,0.4-0.1c0.1-0.1,0.2-0.2,0.2-0.3
+				c0-0.2,0.1-0.4,0.1-0.7c0-0.5,0-0.8-0.1-0.9c-0.1-0.2-0.3-0.2-0.5-0.2c-0.2,0-0.4,0.1-0.5,0.2c-0.1,0.2-0.1,0.5-0.1,0.9
+				C37.3,30.1,37.4,30.4,37.5,30.6z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/pie-proportion.svg b/core/core-frontend/src/assets/svg/pie-proportion.svg
new file mode 100644
index 0000000..4b3abae
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/pie-proportion.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#00D6B9;}
+	.st1{fill:#3370FF;}
+</style>
+<g>
+	<path class="st0" d="M27.6,52v-7.4V52L27.6,52L27.6,52L27.6,52z M51.6,28c0-13.3-10.7-24-24-24v7.4c9.2,0,16.6,7.4,16.6,16.6H51.6
+		L51.6,28z"/>
+	<path class="st1" d="M26,11.5c-9.1,1-15.7,9.2-14.7,18.4s9.2,15.7,18.4,14.7c7.7-0.9,13.8-7,14.7-14.7h7.4
+		C50.9,42.3,40.5,52,27.9,52c-13.3,0-24-10.7-24-24C3.9,15.4,13.6,5,26,4.1V11.5L26,11.5z M51.9,28.1V28v-0.1V28.1L51.9,28.1z"/>
+	<g>
+		<g>
+			<path class="st1" d="M17.9,30.3c0.6-0.5,1.1-1,1.6-1.5c0.5-0.4,0.9-0.9,1.2-1.4c0.4-0.5,0.6-0.9,0.6-1.3c0-0.4-0.1-0.7-0.4-0.9
+				c-0.3-0.2-0.6-0.3-1.1-0.3c-0.3,0-0.7,0.1-1,0.2c-0.4,0.1-0.8,0.3-1.1,0.5v-1.4c0.4-0.2,0.8-0.4,1.3-0.6c0.5-0.1,0.9-0.2,1.4-0.2
+				c0.9,0,1.6,0.2,2.1,0.6c0.5,0.4,0.8,1,0.8,1.7c0,0.5-0.2,1.1-0.5,1.7c-0.4,0.6-0.8,1.1-1.2,1.6c-0.5,0.5-1,1-1.6,1.5l-0.3-0.2
+				h3.8v1.4h-5.7v-1.1L17.9,30.3z"/>
+			<path class="st1" d="M24.5,31.6V30c0.8,0.3,1.5,0.5,2.2,0.5c0.5,0,0.9-0.1,1.2-0.4c0.3-0.3,0.4-0.6,0.4-1c0-0.4-0.1-0.8-0.4-1
+				c-0.3-0.3-0.7-0.4-1.1-0.4c-0.6,0-1.2,0.1-1.9,0.4l0.1-4.5h4.7V25h-3.1l0,1.7c0.3,0,0.7-0.1,1-0.1c0.5,0,0.9,0.1,1.3,0.3
+				c0.4,0.2,0.7,0.5,0.9,0.9c0.2,0.4,0.3,0.8,0.3,1.3c0,0.6-0.1,1.1-0.4,1.5c-0.2,0.4-0.6,0.8-1,1c-0.4,0.2-1,0.3-1.6,0.3
+				C26.1,32,25.3,31.9,24.5,31.6z"/>
+			<path class="st1" d="M31.8,27.5c-0.3-0.3-0.4-0.9-0.4-1.7c0-0.8,0.1-1.4,0.4-1.7c0.3-0.3,0.7-0.5,1.3-0.5c0.6,0,1,0.2,1.3,0.5
+				c0.3,0.3,0.4,0.9,0.4,1.7c0,0.8-0.1,1.4-0.4,1.7c-0.3,0.3-0.7,0.5-1.3,0.5C32.6,28,32.1,27.9,31.8,27.5z M32.6,26.7
+				c0.1,0.2,0.3,0.2,0.5,0.2c0.2,0,0.3,0,0.4-0.1c0.1-0.1,0.2-0.2,0.2-0.3c0-0.2,0.1-0.4,0.1-0.7c0-0.3,0-0.5-0.1-0.7
+				c0-0.2-0.1-0.3-0.2-0.3c-0.1-0.1-0.2-0.1-0.4-0.1c-0.2,0-0.4,0.1-0.5,0.2c-0.1,0.2-0.1,0.5-0.1,0.9
+				C32.5,26.2,32.5,26.5,32.6,26.7z M37.2,23.7h1.3l-4.6,8.1h-1.3L37.2,23.7z M36.7,28c0.3-0.3,0.7-0.5,1.3-0.5c0.6,0,1,0.2,1.3,0.5
+				c0.3,0.3,0.4,0.9,0.4,1.7c0,0.8-0.1,1.4-0.4,1.7c-0.3,0.3-0.7,0.5-1.3,0.5c-0.6,0-1-0.2-1.3-0.5c-0.3-0.3-0.4-0.9-0.4-1.7
+				C36.2,28.9,36.4,28.3,36.7,28z M37.5,30.6c0.1,0.2,0.3,0.2,0.5,0.2c0.2,0,0.3,0,0.4-0.1c0.1-0.1,0.2-0.2,0.2-0.3
+				c0-0.2,0.1-0.4,0.1-0.7c0-0.5,0-0.8-0.1-0.9c-0.1-0.2-0.3-0.2-0.5-0.2c-0.2,0-0.4,0.1-0.5,0.2c-0.1,0.2-0.1,0.5-0.1,0.9
+				C37.3,30.1,37.4,30.4,37.5,30.6z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/core/core-frontend/src/components/icon-group/chart-dark-list.ts b/core/core-frontend/src/components/icon-group/chart-dark-list.ts
index 51cd042..d773644 100644
--- a/core/core-frontend/src/components/icon-group/chart-dark-list.ts
+++ b/core/core-frontend/src/components/icon-group/chart-dark-list.ts
@@ -27,6 +27,7 @@ import pieDark from '@/assets/svg/pie-dark.svg'
 import pieDonutDark from '@/assets/svg/pie-donut-dark.svg'
 import pieDonutRoseDark from '@/assets/svg/pie-donut-rose-dark.svg'
 import pieRoseDark from '@/assets/svg/pie-rose-dark.svg'
+import pieProportionDark from '@/assets/svg/pie-proportion-dark.svg'
 import progressBarDark from '@/assets/svg/progress-bar-dark.svg'
 import quadrantDark from '@/assets/svg/quadrant-dark.svg'
 import radarDark from '@/assets/svg/radar-dark.svg'
@@ -75,6 +76,7 @@ const iconChartDarkMap = {
   'pie-donut-dark': pieDonutDark,
   'pie-donut-rose-dark': pieDonutRoseDark,
   'pie-rose-dark': pieRoseDark,
+  'pie-proportion-dark': pieProportionDark,
   'progress-bar-dark': progressBarDark,
   'quadrant-dark': quadrantDark,
   'radar-dark': radarDark,
diff --git a/core/core-frontend/src/components/icon-group/chart-list.ts b/core/core-frontend/src/components/icon-group/chart-list.ts
index d3c1120..95bd5f3 100644
--- a/core/core-frontend/src/components/icon-group/chart-list.ts
+++ b/core/core-frontend/src/components/icon-group/chart-list.ts
@@ -27,6 +27,7 @@ import pieDonutRose from '@/assets/svg/pie-donut-rose.svg'
 import pieDonut from '@/assets/svg/pie-donut.svg'
 import pieRose from '@/assets/svg/pie-rose.svg'
 import pie from '@/assets/svg/pie.svg'
+import pieProportion from '@/assets/svg/pie-proportion.svg'
 import progressBar from '@/assets/svg/progress-bar.svg'
 import quadrant from '@/assets/svg/quadrant.svg'
 import radar from '@/assets/svg/radar.svg'
@@ -76,7 +77,7 @@ const iconChartMap = {
   'percentage-bar-stack': percentageBarStack,
   'pie-donut-rose': pieDonutRose,
   'pie-donut': pieDonut,
-  'pie-proportion': pieDonut,
+  'pie-proportion': pieProportion,
   'pie-rose': pieRose,
   pie: pie,
   'progress-bar': progressBar,