瀏覽代碼

处理chart图

306132416@qq.com 4 年之前
父節點
當前提交
bcd61aff52

+ 66 - 4
pages/metrics/index.vue

@@ -6,6 +6,7 @@
 					<picker mode="date" fields="year"  @change="bindDateChange" class="picker-class">
 						<view class="uni-input display-between items-center">{{dateYear}}年<image src="../../static/arrow_down.svg" mode="aspectFit"></image></view>
 					</picker>
+					<view style="font-size: 26rpx;margin-left: 20rpx;">1月~  </view>
 					<picker :range="arrayMonth" :value="dateMonth"  @change="bindDateMonthChange" class="picker-class">
 						<view class="uni-input display-between items-center" style="color: #707070;">{{dateMonth}}<image src="../../static/calendar_icon.svg" mode="aspectFit"></image></view>
 					</picker>
@@ -146,6 +147,7 @@
 </template>
 
 <script>
+	import md5 from "@/common/md5.js";
 	export default {
 	  data() {
 		  return{
@@ -155,11 +157,18 @@
 			  arrayNewCity:['规上工业企业数量','工业产值及增速','工业增加值增速','工业投资及增速','工业技改及增速'],
 			  sortSelect:'规上工业企业数量',
 			  chartData:{
-				categories: ["a", "b"],
+				categories: ["工业增加值增速", "先进制造业总产值"],
 				series: [
-					{name: "目标任务",data: [35, 36]},
-				    {name: "目前已完成", data: [18, 27]
-				}]
+					{   name: "目标任务",
+						data: [35, 36],
+						textOffset: 200,
+						format:'yAxisDemo1',
+					},
+				    {   name: "目前已完成", 
+						data: [18, 27],
+						format:'yAxisDemo1',
+					},
+					]
 			  },
 			  chartData1:{
 				  "categories": ["大志药业", "东航赛峰", "豆福源", "东方航食", "空港航食", "黎明发电"],
@@ -208,7 +217,60 @@
 				  }
 		 }
 	  },
+	  onLoad() {
+	  	this.getStandardChart()
+	  },
 	  methods:{
+		  getStandardChart(){
+			  let md5Sign = md5(
+			    "method=" +
+			      "stat" +
+			      "&timestamp=" +
+			      getApp().globalData.globalTimestamp +
+			      "&secret=" +
+			      getApp().globalData.secret
+			  );
+			  let url =
+			    getApp().globalData.shareUrl +
+			    "api/api.php" +
+			    "?method=stat&act=standard_target&timestamp=" +
+			    getApp().globalData.globalTimestamp +
+			    "&sign=" +
+			    md5Sign;
+			  uni.request({
+			    url: url,
+			    method: "POST",
+			    header: {
+			      "content-type": "application/x-www-form-urlencoded",
+			    },
+			    data: {
+			       year:2021,
+			       month:12,
+			    },
+			    success: (res) => {
+			      if (res.data.code === 200) {
+				   let targetData = [] , finishData = [];
+				   // this.chartData.series[0].data = res.data.data.target
+				   // this.chartData.series[1].data = res.data.data.finish
+				   res.data.data.target.forEach((item,index)=>{
+					   if(item.source !== '0'){
+						   targetData.push(Number(item.increase_balance))
+					   }
+				   })
+				   res.data.data.finish.forEach((item,index)=>{
+					   if(item.source !== '0'){
+						   finishData.push(Number(item.increase_balance))
+					   }
+				   })
+				   this.chartData.series[0].data = targetData
+				   this.chartData.series[1].data = finishData
+			      }
+			    },
+			    fail: () => {
+			      console.log("连接失败");
+			    },
+			  });
+		  },
 		  bindDateChange(e){
 			   this.dateYear = e.target.value
 		  },

+ 1 - 0
pages/metrics/largeScale/detail.vue

@@ -15,6 +15,7 @@
 					<picker mode="date" fields="year"  @change="bindDateChange" class="picker-class">
 						<view class="uni-input display-between items-center">{{dateYear}}年<image src="/static/arrow_down.svg" mode="aspectFit"></image></view>
 					</picker>
+					<view style="font-size: 26rpx;margin-left: 20rpx;">1月~  </view>
 					<picker :range="arrayMonth" :value="dateMonth"  @change="bindDateMonthChange" class="picker-class">
 						<view class="uni-input display-between items-center" style="color: #707070;">{{dateMonth}}<image src="/static/calendar_icon.svg" mode="aspectFit"></image></view>
 					</picker>

+ 4 - 4
pages/selfCenter/index.vue

@@ -66,7 +66,7 @@ export default {
 		  icoin: "/static/selfCenter/collection.png",
 		  name: "工业经济指标",
 		  url: "/pages/metrics/index",
-		  isShow:true,
+		  isShow:false,
 		},
         { 
 		   icoin: "/static/selfCenter/back.png",
@@ -172,7 +172,7 @@ export default {
             getApp().globalData.user_headUrl = "";
             getApp().globalData.user_name = "";
             getApp().globalData.user_phone = "";
-			this.list[4].isShow = false;
+			this.list[3].isShow = false;
 			//this.$forceUpdate();
             uni.showToast({
               title: "退出登录成功",
@@ -219,8 +219,8 @@ export default {
               this.userNickName = res.data.data.nickname;
               getApp().globalData.user_phone = res.data.data.phone;
 			  getApp().globalData.globalAuth  = true;
-			  if(res.data.data.phone === '13630230648'){
-				  this.list[4].isShow = true;
+			  if(res.data.data.stat_user){
+				  this.list[3].isShow = true;
 			  }
             } else {
               this.isAuth = false;

+ 1 - 1
uni_modules/qiun-data-charts/js_sdk/u-charts/config-ucharts.js

@@ -54,7 +54,7 @@ const cfu = {
   "option":{},
   //下面是自定义format配置,因除H5端外的其他端无法通过props传递函数,只能通过此属性对应下标的方式来替换
   "formatter":{
-    "yAxisDemo1":function(val){return val+'元'},
+    "yAxisDemo1":function(val){return val.toFixed(2)+'亿'},
     "yAxisDemo2":function(val){return val.toFixed(2)},
     "xAxisDemo1":function(val){return val+'年'},
     "xAxisDemo2":function(val){return formatDateTime(val,'h:m')},

+ 1 - 0
uni_modules/qiun-data-charts/js_sdk/u-charts/u-charts.js

@@ -554,6 +554,7 @@ function getTouches(touches, opts, e) {
 }
 
 function getSeriesDataItem(series, index, group) {
+	console.log(series,index,group)
   var data = [];
   var newSeries = [];
   var indexIsArr = index.constructor.toString().indexOf('Array') > -1;