多数据展示问题echarts 配置项内容和展示

运行时报错：Uncaught TypeError: Cannot read property 'coordinateSystem' of undefined 主要问题是，我想显示多组数据，想通过timeline筛选器进行对多组数据筛选。举例来说就是：X轴是时间，Y轴数量，下面的Timeline有一组平台，我能通过选择某一个平台知道这个平台在这一段时间的数量变化。 我看了网上的demo，数据都是写死的，请问有什么好的办法吗，请问该如何传参呢。完整代码如下： var xAxisData = [] var yAxisData = [] var issueDate = [] var flightnumber = [] var date = [] var dataOfFlight = [] var issueVolume = [] var seriesData = [] var xBoardedTimeData = [] var yBoardedNumberData = [] var sizeValue = '57%'; var symbolSize = 2.5; var airLine="XIY-PVG"; var nameofY = "asdf"; var optionslists =[]; var t = 0; // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 /* function(dataOfFlight, i){ seriesData.push({ name : '成行人数', type : 'line' smooth: true, xAxisIndex: 0, yAxisIndex: 0, data: dataOfFlight[i].peopleNumber }) }; */ var option = { baseOption:{ timeline: { data: flightnumber, left: '10%', right: '10%', bottom: 0,

      option = {
    baseOption: {
        timeline: {
            data: flightnumber,
            left: '10%',
            right: '10%',
            bottom: 0,
            height: 60,
            axisType: 'category',
            show: true,
            autoPlay: false,
            playInterval: 1000,
            checkpointStyle: {
                color: '#04a5f1',
                borderColor: 'rgba(4, 165, 261, .5)'
            },
            label: {
                normal: {
                    formatter: function(v) {
                        var _txt = v.replace(/\//igm, '\n');
                        return _txt;
                    },
                    rotate: -45,
                    position: 'bottom'
                }
            },
            itemStyle: {
                normal: {
                    color: '#04a5f1'
                },

            },
            lineStyle: {
                color: '#ddd'
            },
            controlStyle: {
                show: false,
            },
        },
        title: {
            text: airLine,
            left: 'center'
        },

        tooltip: {
            trigger: 'axis',
        },

        toolbox: {
            show: true,
            feature: {
                mark: {
                    show: true
                },
                dataView: {
                    show: true,
                    readOnly: false
                },
                magicType: {
                    show: true,
                    type: ['line', 'bar']
                },
                restore: {
                    show: true
                },
                saveAsImage: {
                    show: true
                }
            }
        },
        grid: [


        ],
        xAxis: [{
                type: 'category',
                data: date,
                axisLabel: { //坐标轴刻度标签的相关设置。
                    interval: 0, //设置为 1，表示『隔一个标签显示一个标签』
                    //rotate:-30,
                    textStyle: {
                        color: '#666',
                        fontStyle: 'normal',
                    }
                },
                axisLine: { //坐标轴轴线相关设置
                    lineStyle: {
                        color: '#666',
                        opacity: 1
                    }
                },
                splitLine: { //坐标轴在 grid 区域中的分隔线。
                    show: false,
                }
            }
            //data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            //{type: 'category', gridIndex: 0, data:issueDate,name:'购票时间'},
            //{type:'category', gridIndex: 1, data:xBoardedTimeData,name:'值机时间',axisLabel: {rotate: 50, interval: 0}, boundaryGap : false}

        ],
        yAxis: [
            //{type:'value',gridIndex: 0,name:'购票人数'},
            //{type:'value',gridIndex: 1,name:'值机人数'}
            {
                type: 'value',
                axisLabel: {
                    textStyle: {
                        color: '#666',
                    }
                },
                axisLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                splitLine: {
                    show: false,
                },
                name: '人数'
            }

        ],
        dataZoom: [

            { // 这个dataZoom组件，默认控制x轴。
                type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
                start: 10, // 左边在 10% 的位置。
                end: 60, // 右边在 60% 的位置。
                //xAxisIndex: [0]
            }

        ],

        series: seriesData
    }





};