diff --git a/src/views/BrandInsight/brandData/index.vue b/src/views/BrandInsight/brandData/index.vue
index 1355d1e..e33590d 100644
--- a/src/views/BrandInsight/brandData/index.vue
+++ b/src/views/BrandInsight/brandData/index.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: xw
  * @Date: 2021-10-11 18:42:58
- * @LastEditTime: 2021-11-04 14:13:42
+ * @LastEditTime: 2021-11-29 10:48:33
  * @LastEditors: Please set LastEditors
  * @Description: 品牌数据
  * @FilePath: /data-show/src/views/BrandInsight/brandData/index.vue
@@ -43,9 +43,9 @@
                         </template>
                     </template>
                     <span class="s2">
-                        <span class="s2-s1" :style="{width: affObj.a/affObj.z * width +'px'}"></span>
-                        <span class="s2-s1" :style="{width: affObj.b/affObj.z * width + 'px', background: '#54BF93'}"></span>
-                        <span class="s2-s1" :style="{width: affObj.c/affObj.z *  width + 'px',background: '#CC9D12'}"></span>
+                        <span class="s2-s1" :style="{width: affObj.a/affObj.z * 100 +'%'}"></span>
+                        <span class="s2-s1" :style="{width: affObj.b/affObj.z * 100 + '%', background: '#54BF93'}"></span>
+                        <span class="s2-s1" :style="{width: affObj.c/affObj.z * 100 + '%',background: '#CC9D12'}"></span>
                     </span>
                 </a-popover>
             </div>
@@ -61,7 +61,6 @@ export default {
     props: ["brand"],
     data() {
         return {
-            width: 274,
             count: 0,
             countArr: [],
             load: false,