全动态基于echarts 多条折线图

<template>
    <div :ref=refId style='width:100%;height:300px'></div>
</template>

<script>
import echarts from 'echarts';
export default {
    name: 'Chartline',
    props: {
        text: {
            default: ''
        },
        refId:{
            require: true
        },
        data: {
            // 格式 [[232,3],[898,989]],
            require: true
        },
        legendData: {
            // 格式 ['tokyo','lodon'],
            require:true
        },
        xAxisData: {
            // 格式 ['Mon', 'Tue']
            require:true
        }
    },
    data () {
        return {
        };
    },
    mounted() {
        this.$nextTick(() => {
            this.initEcharts();
        });
    },
    methods: {
       
        initEcharts() {
            let arr = [];
            let color = ['rgb(0,255,0)','rgb(8, 16