用户画像

components/indexCom/insightChild/index.js

@@ -14,7 +14,6 @@ Component({
               },
               confine: true
             },
-           
             legend: {
                 x:'15',
                 icon: 'rectangle',//data图标样式

components/indexCom/portraitChild/index.js

@@ -1,4 +1,8 @@
-
+const datas=[
+    { value: 1650245, name: '女性' },
+    { value: 1650245, name: '未知' },
+  { value: 3307418, name: '男性' },
+]
 Component({
     data: {
         showChart: true,
@@ -11,14 +15,17 @@ Component({
                 // type: 'scroll',
                 orient: 'vertical',
                 right: 140,
-                top: 'center',
-                padding:[10,0,10,0],
+                // top:'center',
+                 bottom: '100',
+                itemWidth: 10,//data图标大小
+                itemHeight: 10,
+                itemGap: 45//图标之间间距
             },
             // 环形统计图样式
             series: [
               {
-                bottom:68,
-                right:200,
+                // bottom:68,
+                // right:200,
                 name: 'Access From',
                 type: 'pie',
                 radius: ['90%', '55%'],
@@ -45,13 +52,7 @@ Component({
                   show: false
                 },
                 // 环形数据
-                data: [
-                    { value: 1650245, name: '女性' },
-                    { value: 1650245, name: '未知' },
-                  { value: 3307418, name: '男性' },
-                 
-                  
-                ]
+                data: datas
               }
             ]
           }

components/indexCom/portraitChild/index.wxml

@@ -1,18 +1,27 @@
 <view>
-<!-- 时间组件 -->
-<time-component></time-component>
+    <!-- 时间组件 -->
+    <time-component></time-component>
     <view class="brand">
-        <view class="text">性别</view>
         <c-echars showChart="{{showChart}}" canvasId="modelbar-canvas" chartId="modelbar" chartOption="{{sexOption}}" height="100%"></c-echars>
+        <view class="text">性别</view>
+        
+        <view class="statistical">
+           
+            <view class="annotation">
+               
+            </view>
+            <view>123</view>
+        </view>
+
     </view>
     <view class="brand">
         <view class="text">认证</view>
-     
+
 
     </view>
     <view class="brand">
         <view class="text">地区</view>
-       
+
 
     </view>
 </view>

components/indexCom/portraitChild/index.wxss

@@ -1,10 +1,11 @@
-/* 品牌传播声量 */
+/* 用户画像 */
 .brand{
     width: 686;
     height: 484rpx;
     background-color: #fff;
     margin: 32rpx;
     border-radius: 4rpx;
+    /* display: flex; */
 }
 .brand_tu{
     width: 100%;
@@ -13,4 +14,16 @@
 .text{
     font-size: 36rpx;
     padding: 32rpx;
+    font-weight: 400;
+}
+/* 统计图样式 */
+.statistical{
+   width: 100%;
+   height:368;
+   padding: 36rpx;
+   display: flex;
+}
+.annotation{
+    width: 380;
+    height: 310;
 }