echarts的三維折線圖正交投影的y軸提示為什么一直不變

如圖：不管鼠標(biāo)移動(dòng)到哪條線上哪個(gè)點(diǎn)上，x和z軸的數(shù)據(jù)能隨之變化，y軸的數(shù)據(jù)始終是12-08，12-09和12-10都定位不到，這是為什么呢？求幫忙
實(shí)例參考的是http://gallery.echartsjs.com/...
原圖的x軸y軸和z軸都是可以正常變化的

我的代碼如下：
data3 = [

                        [1,"2017-12-08",1.1],
                        [2,"2017-12-08",2.2],
                        [3,"2017-12-08",3.3],
                        [4,"2017-12-08",4.4],
                        [5,"2017-12-08",5.5],
                        [6,"2017-12-08",6.6],
                        [7,"2017-12-08",7.7],
                        [8,"2017-12-08",8.8],
                        [9,"2017-12-08",9.9],
                        [1,"2017-12-09",1.1],
                        [2,"2017-12-09",2.2],
                        [3,"2017-12-09",3.3],
                        [4,"2017-12-09",4.4],
                        [5,"2017-12-09",5.5],
                        [6,"2017-12-09",6.6],
                        [7,"2017-12-09",7.7],
                        [8,"2017-12-09",8.8],
                        [9,"2017-12-09",9.9],
                        [1,"2017-12-10",1.1],
                        [2,"2017-12-10",2.2],
                        [3,"2017-12-10",3.3],
                        [4,"2017-12-10",4.4],
                        [5,"2017-12-10",5.5],
                        [6,"2017-12-10",6.6],
                        [7,"2017-12-10",7.7],
                        [8,"2017-12-10",8.8],
                        [9,"2017-12-10",9.9]
                ]
                yDatas3 = ["2017-12-08","2017-12-08","2017-12-08","2017-12-08","2017-12-08","2017-12-08","2017-12-08","2017-12-08","2017-12-08",
                    "2017-12-09","2017-12-09","2017-12-09","2017-12-09","2017-12-09","2017-12-09","2017-12-09","2017-12-09","2017-12-09",
                    "2017-12-10","2017-12-10","2017-12-10","2017-12-10","2017-12-10","2017-12-10","2017-12-10","2017-12-10","2017-12-10"
                ]

option = {

                    title: {
                       text: lineName,
                        left: "center"
                    },

                    tooltip: {
                        show: true
                    },
                    backgroundColor: '#fff',
                    visualMap: {
                        show: false,
                        dimension: 2,
                        min: 0,
                        max: 30,
                        inRange: {
                            color: ['#313695', '#4575b4']
                        }
                    },
                    grid3D: {
                        top: 100
                    },
                    xAxis3D: {
                        type: 'value'

                    },
                    yAxis3D: {
                        type: 'category',
                        data: yDatas3
                    },
                    zAxis3D: {
                        type: 'value'
                    },
                    grid3D: {
                        viewControl: {
                            projection: 'orthographic'
                        }
                    },
                    series: [{
                        type: 'line3D',
                        data: data3,
                        lineStyle: {
                            width: 4
                        }
                    }]
                };