diff --git a/components/indexCom/portraitChild/index.js b/components/indexCom/portraitChild/index.js
index 03f5e4a..d3bf080 100644
--- a/components/indexCom/portraitChild/index.js
+++ b/components/indexCom/portraitChild/index.js
@@ -1,10 +1,15 @@
-const datas=[
+var dataList=[
{ value: 1650245, name: '女性' },
{ value: 1650245, name: '未知' },
- { value: 3307418, name: '男性' },
+ { value: 3307418, name: '男性' },
]
Component({
data: {
+ dataList:[
+ { value: 1650245, name: '女性' },
+ { value: 1650245, name: '未知' },
+ { value: 3307418, name: '男性' },
+ ],
showChart: true,
sexOption: {
tooltip: {
@@ -14,21 +19,20 @@ Component({
legend: {
// type: 'scroll',
orient: 'vertical',
- right: 140,
- // top:'center',
- bottom: '100',
+ top:16,
+ left:188,
itemWidth: 10,//data图标大小
itemHeight: 10,
- itemGap: 45//图标之间间距
+ itemGap: 50//图标之间间距
},
// 环形统计图样式
series: [
{
// bottom:68,
- // right:200,
+ right:30,
name: 'Access From',
type: 'pie',
- radius: ['90%', '55%'],
+ radius: ['90', '55'],
avoidLabelOverlap: false,
itemStyle: {
// borderRadius: 10,
@@ -41,18 +45,18 @@ Component({
position: 'center'
},
//点击弹出提示样式
- emphasis: {
- label: {
- show: true,
- fontSize: '40',
- fontWeight: 'bold'
- }
- },
+ // emphasis: {
+ // label: {
+ // show: true,
+ // fontSize: '40',
+ // fontWeight: 'bold'
+ // }
+ // },
labelLine: {
show: false
},
// 环形数据
- data: datas
+ data: dataList
}
]
}
diff --git a/components/indexCom/portraitChild/index.wxml b/components/indexCom/portraitChild/index.wxml
index bd763fc..e1b3d64 100644
--- a/components/indexCom/portraitChild/index.wxml
+++ b/components/indexCom/portraitChild/index.wxml
@@ -2,26 +2,35 @@
-
性别
-
-
-
+
- 123
-
-
-
- 认证
+
+
+ 数量
+ {{item.value}}
+
+
+ 占比
+ {{item.value}}
+
+
+
-
- 地区
+
+
+
+ 认证
+
+
+
+
+ 地区
-
\ No newline at end of file
diff --git a/components/indexCom/portraitChild/index.wxss b/components/indexCom/portraitChild/index.wxss
index 13588f1..db4f77e 100644
--- a/components/indexCom/portraitChild/index.wxss
+++ b/components/indexCom/portraitChild/index.wxss
@@ -19,11 +19,33 @@
/* 统计图样式 */
.statistical{
width: 100%;
- height:368;
+ height:400;
padding: 36rpx;
display: flex;
}
.annotation{
- width: 380;
- height: 310;
-}
\ No newline at end of file
+ width: 400rpx;
+ height: 340rpx;
+}
+
+/* 右侧样式 */
+.allnumber{
+ width: 120rpx;
+ /* display:flex; */
+ height: 320rpx;
+}
+.box{
+ width:80rpx;
+ height: 80rpx;
+
+}
+.topic{
+ font-size: 20rpx;
+ color: #999999;
+ text-align: left;
+}
+.answer{
+ font-size: 24rpx;
+ color: #333333;
+ padding-top: 16rpx;
+}