echarts横坐标日期,echarts日期选择器,echarts设置坐标轴间隔,echarts y轴坐标 自定义,echarts设置y轴刻度,echarts地图坐标
ECharts calendar组件是一种可视化组件，用于在日历坐标系上展示数据。日历坐标系属性是指在ECharts中可以通过配置来定义日历坐标系的显示形式、时间范围等属性。

以下是几个常用的日历坐标系属性配置及其相应的例子：

1. range：用于设置日历坐标系的显示范围。默认情况下，日历坐标系会显示当前年份的所有日期。可以通过设置range来更改显示的时间范围。

javascript
option = {
// 设置日历坐标系显示范围为2018年至2022年
calendar: {
range: ['2018-01', '2022-12']
},
series: [{
type: 'heatmap',
data: myData
}]
};


2. cellSize：用于设置每个日期格子的大小。可以是一个数字或数组，分别代表格子宽度和高度。

javascript
option = {
// 设置每个日期格子宽度为20，高度为15
calendar: {
cellSize: [20, 15]
},
series: [{
type: 'heatmap',
data: myData
}]
};


3. left 和 top：用于设置日历坐标系的位置。可以是一个数字或百分比字符串。

javascript
option = {
// 设置日历坐标系左侧距离容器左侧为20像素，顶部距离容器顶部为10%
calendar: {
left: 20,
top: '10%'
},
series: [{
type: 'heatmap',
data: myData
}]
};


这些属性可以根据需要进行配置，以满足用户对日历坐标系展示效果的要求。