export default{
 data(){
  return{
  //定義接受數(shù)據(jù)的空數(shù)組
  柱狀圖
  e2data1:[],
  e2data2:[],
  }
  mounted() {
  //加載圖表
  this.drawLine();

 },
 created(){
  // 并發(fā)發(fā)送多個(gè)請(qǐng)求
  axios.all([this.getTable1Data1()])
   .then(axios.spread(function (acct, perms) {
    console.log("所有數(shù)據(jù)請(qǐng)求成功");
   }));
 },
  methods:{
  getTable1Data1(){
   let formData=new FormData;
   formData.append("companyName",this.chose);
   return axios.post('/StockFirstnfirstout/trendChart',formData)
    .then(response=> {
     let list=response.data.trendChartOfMonth;
     //每次加載前清空接口數(shù)據(jù)
     this.e2data1=[];
     this.e2data2=[];
     list.forEach((value,i)=>{
      this.e2data1.push(value.count);
      this.e2data2.push(value.saleMonth);
     });
     //重新渲染圖表
      myChart2.setOption({
       xAxis: {

        data:this.e2data2
       },
      series: [
       {name:'柱狀圖',
        data: this.e2data1
       }]
     });
     console.log(this.e2data1);
     console.log(this.e2data2);
    })
    .catch(error=> {
     console.log(error);

    });
  },
   // 基于準(zhǔn)備好的dom，初始化echarts實(shí)例
   //注意出myChart2的作用域
   myChart2 = echarts.init(document.getElementById('zhLine'));
   myChart2.setOption({
    title: {text: '本月累計(jì)趨勢(shì)圖',
     //
     textStyle:{
      color:'#000',  //顏色
      fontStyle:'normal',  //風(fēng)格
      fontWeight:'normal', //粗細(xì)
      fontFamily:'Microsoft yahei', //字體
      fontSize:16,  //大小
      align:'center', //水平對(duì)齊
      lineHeight:50

     },
     //  title位置
     padding:[20, 0, 20, 30]
    },
    legend: {
     data:['環(huán)比',],
     //折點(diǎn)提示位置
     left:'90%',
     top:'5%'
    },
    grid:{   //顯示數(shù)據(jù)的圖表位于當(dāng)前canvas的坐標(biāo)軸
     x:50,
     y:80,
     borderWidth:1,

    },
    tooltip: {
     trigger: 'axis',
     backgroundColor : '#ccc',
     axisPointer: {
      type: 'cross',
      crossStyle: {
       color: '#999'
      }
     }
    },

    xAxis : [
     { name:'日期',
      type : 'category',
      data : this.e2data2,
      axisLine: {
       lineStyle: {
        color: '#999'
       }
      },
      axisTick:{
       show:false
      },
     },


    ],
    yAxis : [

     {
      type : 'value',
      name:'臺(tái)數(shù)',
      interval: 30,
      scale: true,
      show:true,
      splitLine:{
       show:false
      },
      axisTick:{
       show:false
      },
      nameTextStyle:{
       padding: [0,0,0,-20],
       color:'#999999'
      },
      axisLine: {
       lineStyle: {
        color: '#999'
       }
      },
     },
     {

      type: 'value',
      // name: '溫度',
      min: 0,
      //取消y軸網(wǎng)格
      interval: 25,
      scale: true,
      show:true,
      splitLine:{
       show:false
      },
      axisTick:{
       show:false
      },
      axisLine: {
       lineStyle: {
        color: '#999'
       }
      },
     }
    ],
    series : [
     {
      name:'環(huán)比',
      type:'line',
      stack: '總量',
      color:'#fccd35',
      symbolSize: 8,
      //按右邊y軸顯示
      yAxisIndex: 1,
      data:[30, 15, 42, 65, 38, 40, 78,50]
     },

     {
      name:'柱狀圖',
      type:'bar',
      //柱狀圖寬度
      barWidth: '13%',
      data:this.e2data1,
      itemStyle:{
       normal:{
        color:'#84d1d3'
       }
      },
     },



    ],

   });
  }
}