<template>
  <div class="lineChart">
    <poi-echart-line ref="lineChart"></poi-echart-line>
  </div>
</template>

<script>
export default {
  name: 'lineChart',
  data () {
    return {
      optionValue:{},
    }
  },
  methods:{
    change(){
      let xData = [10,20,30,40,50];
      let yData = [1,2,3,4,5];
      this.$refs.lineChart.XYdataInitEchart(xData,yData);
    },
  },
  mounted(){
    let _this = this;
    setTimeout(function(){
      _this.change();
    },3000);
  }
}
</script>

<style scoped>
    *{
      padding: 0;
      margin: 0;
    }
    .lineChart{
      width: 600px;
      height: 300px;
      margin: 0 auto;
      border: 2px solid red;
    }
</style>
