123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260 |
- import * as echarts from '../../ec-canvas/echarts';
- var Api = require('../../utils/api.js');
- var wxRequest = require('../../utils/wxRequest.js')
- var app = getApp()
- function initChart(canvas, width, height, dpr, data) {
- const chart = echarts.init(canvas, null, {
- width: width,
- height: height,
- devicePixelRatio: dpr // new
- });
- canvas.setChart(chart);
- var option = {
- xAxis : {
- type : 'category',
- splitNumber: 2,
- scale: true,
- show:false,
- splitLine:{
- show:false
- }
- },
- yAxis : {
- type : 'value',
- splitNumber: 2,
- scale: true,
- show:false,
- splitLine:{
- show:false
- }
- },
-
- series: [{
- type: 'line',
- smooth: true,
- symbol: 'none',
- lineStyle: {
- color: '#D81E06',
- },
- data:data,
- areaStyle: {
- color: '#D81E06',
- },
- }]
- };
- chart.setOption(option);
- return chart;
- }
- Page({
- data: {
- // 页面配置
- winWidth: 0,
- winHeight: 0,
- // tab切换
- currentTab: 0,
- ec: {
- onInit: initChart
- },
- realData:[
- // {
- // title:'BK0422',
- // subtitle:"交运物流",
- // Increase:"+1.22",
- // digital:"33",
- // color:'crimson',
- // keep:"已关注",
- // data:[52,56,355,444]
- // },
- // {
- // title:'BK0738',
- // subtitle:"多元金融",
- // Increase:"+1.22",
- // digital:"33",
- // color:'crimson',
- // keep:"已关注",
- // data:[52,56,355,444]
- // },
- // {
- // title:'BK0450',
- // subtitle:"港口水运",
- // Increase:"+1.22",
- // digital:"33",
- // color:'crimson',
- // keep:"已关注",
- // data:[52,56,355,444,52,56,355,444,52,56,355,444,2]
- // },
- // {
- // title:'BK0734',
- // subtitle:"珠宝首饰",
- // Increase:"+1.22",
- // digital:"33",
- // color:'crimson',
- // keep:"关注",
- // data:[52,56,355,44554]
- // },
- // {
- // title:'BK0471',
- // subtitle:"化纤行业",
- // Increase:"+1.22",
- // digital:"33",
- // keep:"关注",
- // color:'crimson',
- // data:[52,56,355,444]
- // },
- // {
- // title:'BK0485',
- // subtitle:"旅游酒店",
- // Increase:"+1.22",
- // digital:"33",
- // color:'crimson',
- // keep:"关注",
- // data:[52,56,355,444]
- // },
- // {
- // title:'BK0475',
- // subtitle:"银行",
- // Increase:"+1.22",
- // digital:"33",
- // keep:"关注",
- // color:'crimson',
- // data:[52,56,355,44554]
- // },
- // {
- // title:'BK0473',
- // subtitle:"券商信托",
- // Increase:"+1.22",
- // digital:"33",
- // color:'crimson',
- // keep:"关注",
- // data:[52,56,355,444]
- // },
- // {
- // title:'BK0474',
- // subtitle:"保险",
- // Increase:"+1.22",
- // color:'crimson',
- // keep:"关注",
- // digital:"33",
- // data:[52,56,355,444]
- // },
- // {
- // title:'BK0478',
- // subtitle:"有色金属",
- // Increase:"+1.22",
- // keep:"关注",
- // digital:"33",
- // color:'crimson',
- // data:[52,56,355,44554]
- // },
- // {
- // title:'BK0738',
- // subtitle:"多元金融",
- // Increase:"+1.22",
- // digital:"33",
- // keep:"关注",
- // color:'crimson',
- // data:[52,56,355,44554]
- // }
- ],
- onperData:[],
- uperData:[],
- },
- onLoad: function() {
- var that = this;
- // 获取系统信息
- wx.getSystemInfo({
- success: function(res) {
- let navHeight,
- isiOS = res.system.indexOf('iOS') > -1
- if(isiOS){
- navHeight=44
- }else{
- navHeight=48
-
- }
- that.setData({
- winWidth: res.windowWidth,
- winHeight: res.windowHeight - res.statusBarHeight - navHeight
- });
- }
- });
- that.getinclast()
- that.getinclpred()
- that.getincnpred()
- },
- onPullDownRefresh: function () {
- wx.showNavigationBarLoading()
- var that = this;
- this.onLoad(); //重新加载onLoad()
- },
- //获取上周实际
- getinclast:function(){
- var that = this;
- var getinclast = wxRequest.postRequest(Api.getinclast());
- getinclast.then((res)=>{
- console.log(res)
- if(res.statusCode==200){
- that.setData({
- realData:res.data.value
- })
- }
- })
- },
- //获取上周预测
- getinclpred:function(){
- var that = this;
- var getinclast = wxRequest.postRequest(Api.getinclpred());
- getinclast.then((res)=>{
- console.log(res)
- if(res.statusCode==200){
- that.setData({
- onperData:res.data.value
- })
- }
- })
- },
- //获取下周预测
- getincnpred:function(){
- var that = this;
- var getinclast = wxRequest.postRequest(Api.getincnpred());
- getinclast.then((res)=>{
- console.log(res)
- if(res.statusCode==200){
- that.setData({
- uperData:res.data.value
- })
- }
- })
- },
- // 滑动切换tab
- bindChange: function(e) {
- var that = this;
- that.setData({
- currentTab: e.detail.current
- });
- },
- // 点击tab切换
- swichNav: function(e) {
- var that = this;
- if (this.data.currentTab === e.target.dataset.current) {
- return false;
- } else {
- that.setData({
- currentTab: e.target.dataset.current
- })
- }
- },
- open: function (e) {
- console.log(e)
- wx.navigateTo({
- url: '../item/item?row='+JSON.stringify(e.currentTarget.dataset.row)
- });
- }
- })
|