feat: 健康分析折线图

components/u-charts/config-ucharts.js

@@ -71,6 +71,9 @@ const cfu = {
         return series[index].name+'：'+series[index].data+'元'
       }
     },
+    "xAxisYear":function(val){
+		return val.replaceAll('-', '/')
+    },
   },
   //这里演示了自定义您的图表类型的option，可以随意命名，之后在组件上 type="demotype" 后，组件会调用这个花括号里的option，如果组件上还存在opts参数，会将demotype与opts中option合并后渲染图表。
   "demotype":{

pages/chart/index.vue

@@ -1,33 +1,31 @@
 <template>
-	<div>
-		<scroll-view>
-			<div class="chart-1">
-				<div class="chart-title"><span>裸眼数据</span></div>
-				<qiun-data-charts type="line" :chartData="chartsDataA" :opts="chartsOpts" :canvasId="chartsOpts.canvasId"  :canvas2d="true" :inScrollView="true" />
-			</div>
-			<div class="line"></div>
-			<div class="chart-1">
-				<div class="chart-title"><span>戴镜数据</span></div>
-				<qiun-data-charts type="line" :chartData="chartsDataB" :opts="chartsOpts" :canvasId="chartsOpts.canvasId"  :canvas2d="true" :inScrollView="true" />
-			</div>
-			<div class="line"></div>
-			<div class="chart-1">
-				<div class="chart-title"><span>屈光数据-球镜</span></div>
-				<qiun-data-charts type="line" :chartData="chartsDataC" :opts="chartsOpts1" :canvasId="chartsOpts.canvasId"  :canvas2d="true" :inScrollView="true" />
-			</div>
-			<div class="line"></div>
-			<div class="chart-1">
-				<div class="chart-title"><span>屈光数据-柱镜</span></div>
-				<qiun-data-charts type="line" :chartData="chartsDataD" :opts="chartsOpts2" :canvasId="chartsOpts.canvasId"  :canvas2d="true" :inScrollView="true" />
-			</div>
-			<div class="line"></div>
-			<div class="chart-1">
-				<div class="chart-title"><span>屈光数据-轴位</span></div>
-				<qiun-data-charts type="line" :chartData="chartsDataE" :opts="chartsOpts3" :canvasId="chartsOpts.canvasId"  :canvas2d="true" :inScrollView="true" />
-			</div>
-		</scroll-view>
+	<div class="container">
+		<div class="chart-1">
+			<div class="chart-title"><span>裸眼数据</span></div>
+			<qiun-data-charts type="line" :chartData="chartsDataA" :opts="chartsOpts" :inScrollView="true" />
+		</div>
+		<div class="line"></div>
+		<div class="chart-1">
+			<div class="chart-title"><span>戴镜数据</span></div>
+			<qiun-data-charts type="line" :chartData="chartsDataB" :opts="chartsOpts" :inScrollView="true" />
+		</div>
+		<div class="line"></div>
+		<div class="chart-1">
+			<div class="chart-title"><span>屈光数据-球镜</span></div>
+			<qiun-data-charts type="line" :chartData="chartsDataC" :opts="chartsOpts1" :inScrollView="true" />
+		</div>
+		<div class="line"></div>
+		<div class="chart-1">
+			<div class="chart-title"><span>屈光数据-柱镜</span></div>
+			<qiun-data-charts type="line" :chartData="chartsDataD" :opts="chartsOpts2" :inScrollView="true" />
+		</div>
+		<div class="line"></div>
+		<div class="chart-1">
+			<div class="chart-title"><span>屈光数据-轴位</span></div>
+			<qiun-data-charts type="line" :chartData="chartsDataE" :opts="chartsOpts3" :inScrollView="true" />
+		</div>
 		<!-- 名词解释弹窗 -->
-		<uni-popup ref="popupShow" type="bottom">
+		<!-- <uni-popup ref="popupShow" type="bottom">
 			<div class="popup-content">
 				<span class="close-btn" @click="$refs.popupShow.close()"><i class="iconfont icon-quxiaoguanbi"></i></span>
 				<div class="bl-describe-con">
@@ -43,7 +41,7 @@
 					</div>
 				</div>
 			</div>
-		</uni-popup>
+		</uni-popup> -->
 	</div>
 </template>
 

pages/chart/methods.js

@@ -2,7 +2,7 @@ import Apis from '@/common/apis/index'
 import uCharts from '@/common/utils/u-charts/u-charts.js'
 let chartsLine = {
 	"type": "line",
-	"loadingType": "5",
+	"loadingType": "1",
 	"canvasId": "",
 	"canvas2d": false,
 	"background": "none",
@@ -45,7 +45,7 @@ let chartsLine = {
 		"scrollAlign": "left",
 		"scrollColor": "#A6A6A6",
 		"scrollBackgroundColor": "#EFEBEF",
-		"format": ""
+		"format": "xAxisYear"
 	},
 	"yAxis": {
 		"disabled": false,
@@ -137,7 +137,7 @@ export default {
 				id: this.patientId
 			})
 			res.data.forEach((v) => {
-				v.date = v.time && v.time.split(' ')[0]
+				v.date = v.time && v.time.split(' ')[0].replaceAll('-', '/')
 			})
 			this.data = res.data
 			this.getNaked();

pages/chart/style.scss

@@ -1,3 +1,10 @@
+.container {
+	width: 100%;
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	overflow-y: scroll;
+}
 .charts {
 	width: 750upx;
 	height: 500upx;

pages/index/methods.js

@@ -130,7 +130,7 @@ export default {
 	},
 	bindContact() {
 		wx.openCustomerServiceChat({
-		  extInfo: {url: 'https://work.weixin.qq.com/kfid/kfc39b75b5b2f81502e?enc_scene=ENC4LoK1978BZ4t4W1uHZrCaVr2hky9tia8Gijd5koz84qsQiE8HgN6rf6EWRNbqDhuTx'},
+		  extInfo: {url: 'https://work.weixin.qq.com/kfid/kfc68fd21608ac5e9d0'},
 		  corpId: 'ww7975bc6b305b44e9',
 		  complete(res) {
 			  console.log(res)