echarts日历图无法显示每个月的最后一天问题

做了个上传数据到前台展示成日历图的功能,但是日历图无法显示每个月的最后一天,而我的数据确实有的。

可以看到每一个月的最后一天都是空白的,官网的例子就不会

var option = {
            title: {
                text: title,
                left: 'center'

            },
            tooltip: {
            },
            visualMap: {
                min: minValue,
                max: maxValue,
                type: 'continuous',
                orient: 'horizontal',
                calculable: true,
                left: 'center',
                top: 600,
                textStyle: {
                    color: '#000'
                }
            },
            calendar: {
                top: 'center',
                left: 30,
                right: 20,
                cellSize: ['auto', 13],
                range: getColName(sheetJson)[0],
                itemStyle: {
                    borderWidth: 0.5
                },
                yearLabel: {
                    formatter: '',
                    show: true}
            },
            series: datas,
            toolbox: {
                show: true,
                left: 'right',
                feature: {
                    dataView: {},
                    myLight:{//放大按钮,自定义按钮必须以my开头
                        show:true,
                        title:'亮色',
                        icon:'image://add.png',//按钮图片的位置
                        onclick: function (){
                            myChart.dispose();
                            myChart = echarts.init(document.getElementById('area_chart_div'), 'light');
                            myChart.setOption(option);
                        }
                    },
                    myDark:{//放大按钮,自定义按钮必须以my开头
                        show:true,
                        title:'暗色',
                        icon:'image://add.png',//按钮图片的位置
                        onclick: function (){
                            myChart.dispose();
                            myChart = echarts.init(document.getElementById('area_chart_div'), 'dark');
                            myChart.setOption(option);
                        }
                    },
                    myColor:{//放大按钮,自定义按钮必须以my开头
                        show:true,
                        title:'更换颜色',
                        icon:'image://add.png',//按钮图片的位置
                        onclick: function (){
                            let rcolor = [];
                            for (let i = 0; i <  10; ++i)
                            {
                                //随机一个样色
                                rcolor.push("#"+Math.round(Math.random()*0x1000000).toString(16));
                            }
                            let tmpoption = {
                                color: rcolor
                            };
                            myChart.setOption(tmpoption);
                        }
                    },
                    // magicType: {
                    //     type: ['line', 'bar', 'stack', 'tiled']
                    // },
                    saveAsImage: {}
                }
            }
        };

配置项如上

我复制粘贴了你的代码,唯一不同的是我series我用的官网的,还有calendar里面的range:'2017',我觉得应该还是你的数据组织的不对,希望能帮你定位代码

 series: {
                type: 'heatmap',
                coordinateSystem: 'calendar',
                data: getVirtulData(2017)
            }

 

您好,请问您解决了吗?我现在也遇到了同样问题,如果您解决了,能方便告知一下吗?非常感谢