做了个上传数据到前台展示成日历图的功能,但是日历图无法显示每个月的最后一天,而我的数据确实有的。
可以看到每一个月的最后一天都是空白的,官网的例子就不会
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)
}
您好,请问您解决了吗?我现在也遇到了同样问题,如果您解决了,能方便告知一下吗?非常感谢