diff --git a/README.md b/README.md
index 51b41e561..0669a6327 100644
--- a/README.md
+++ b/README.md
@@ -52,6 +52,9 @@ Blazor应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面
 ![Toast](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Toast.png "Toast.png")
 ![Upload](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Upload.png "Upload.png")
 ![Upload2](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Upload2.png "Upload2.png")
+![Bar](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Bar.png "Bar.png")
+![Pei](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Pie.png "Pei.png")
+![Doughnut](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Doughnut.png "Doughnut.png")
 
 ## 开源协议
 [![Gitee license](https://img.shields.io/github/license/argozhang/bootstrapblazor.svg?logo=git&logoColor=red)](https://gitee.com/LongbowEnterprise/BootstrapBlazor/blob/master/LICENSE)
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 5d19a8574..32fcdb7cc 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -52,8 +52,8 @@ Blazor应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面
 ![Toast](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Toast.png "Toast.png")
 ![Upload](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Upload.png "Upload.png")
 ![Upload2](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Upload2.png "Upload2.png")
-![Pei](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Pei.png "Pei.png")
 ![Bar](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Bar.png "Bar.png")
+![Pei](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Pie.png "Pei.png")
 ![Doughnut](https://gitee.com/LongbowEnterprise/Pictures/raw/master/BootstrapBlazor/Doughnut.png "Doughnut.png")
 
 ## 开源协议