import * as echarts from '../../ec-canvas/echarts';

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: '#07c160',
    },
      data:data,
      areaStyle: {
        color: '#07c160',

      },
    }]
  };

  chart.setOption(option);
  return chart;
}

Page({

  data: {
    // 页面配置  
    winWidth: 0,
    winHeight: 0,
    // tab切换 
    currentTab: 0,
    ec: {
      onInit: initChart
    },
    array:[
      {
        title:'BK0422',
        subtitle:"交运物流",
        Increase:"+1.22",
        digital:"33",
        color:'#07c160',
        keep:"已关注",
        data:[52,56,355,444]
      },
      {
        title:'BK0738',
        subtitle:"多元金融",
        Increase:"+1.22",
        digital:"33",
        color:'#07c160',
        keep:"已关注",
        data:[52,56,355,444]
      },
      {
        title:'BK0450',
        subtitle:"港口水运",
        Increase:"+1.22",
        digital:"33",
        color:'#07c160',
        keep:"已关注",
        data:[52,56,355,444,52,56,355,444,52,56,355,444,2]
      },
      {
        title:'BK0734',
        subtitle:"珠宝首饰",
        Increase:"+1.22",
        digital:"33",
        color:'#07c160',
        keep:"关注",
        data:[52,56,355,44554]
      },
      {
        title:'BK0471',
        subtitle:"化纤行业",
        Increase:"+1.22",
        digital:"33",
        keep:"关注",
        color:'#07c160',
        data:[52,56,355,444]
      },
      {
        title:'BK0485',
        subtitle:"旅游酒店",
        Increase:"+1.22",
        digital:"33",
        color:'#07c160',
        keep:"关注",
        data:[52,56,355,444]
      },
      {
        title:'BK0475',
        subtitle:"银行",
        Increase:"+1.22",
        digital:"33",
        keep:"关注",
        color:'#07c160',
        data:[52,56,355,44554]
      },
      {
        title:'BK0473',
        subtitle:"券商信托",
        Increase:"+1.22",
        digital:"33",
        color:'#07c160',
        keep:"关注",
        data:[52,56,355,444]
      },
      {
        title:'BK0474',
        subtitle:"保险",
        Increase:"+1.22",
        color:'#07c160',
        keep:"关注",
        digital:"33",
        data:[52,56,355,444]
      },
      {
        title:'BK0478',
        subtitle:"有色金属",
        Increase:"+1.22",
        keep:"关注",
        digital:"33",
        color:'#07c160',
        data:[52,56,355,44554]
      },
      {
        title:'BK0738',
        subtitle:"多元金融",
        Increase:"+1.22",
        digital:"33",
        keep:"关注",
        color:'#07c160',
        data:[52,56,355,44554]
      }
    ],

  },
  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
      });
      }
    });
  },
  // 滑动切换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)
    });
  }
})