echarts 日历图,echarts日期选择器,echarts trigger,echarts横坐标日期,echarts tooltip trigger,echarts设置tooltip
ECharts是一个开源的可视化库，其中包含了一个calendar组件来呈现日期数据。该组件提供了丰富的样式配置选项，以便用户可以自定义日历格子的外观。

下面是一些常用的样式配置选项及其作用：

1. cellSize：设置每个日历格子的大小；
2. range：指定日历的起始和结束时间；
3. itemStyle.normal.color：设置单元格普通状态的背景色；
4. itemStyle.emphasis.color：设置单元格高亮状态的背景色；
5. dayLabel.nameMap：设置每周的名称；
6. monthLabel.nameMap：设置每个月份的名称；
7. yearLabel.formatter：设置年份标签的显示格式。

以下是一个简单的例子，演示如何使用 ECharts calendar组件来展示2018年每天的销售额，并对日历格子进行样式设置：

javascript
option = {
title: {
text: '2018年每天的销售额'
},
tooltip: {},
calendar: {
range: '2018',
cellSize: ['auto', 20],
dayLabel: { nameMap: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'] },
monthLabel: { nameMap: ['01月', '02月', '03月', '04月', '05月', '06月', '07月', '08月', '09月', '10月', '11月', '12月'] },
itemStyle: {
normal: { color: '#f5f5f5', borderWidth: 1, borderColor: '#ccc' },
emphasis: { color: '#999' }
}
},
series: {
type: 'heatmap',
data: [
['2018-01-01', 100],
['2018-02-14', 200],
// ...
['2018-12-31', 150]
]
}
};


在上面的例子中，我们使用了 ECharts 的 calendar组件来展示 2018 年每天的销售额，同时对日历格子进行了样式设置。其中，cellSize 选项指定了每个格子的宽度为自适应，高度为20像素；range 选项指定了时间范围为2018年；dayLabel 和 monthLabel 选项分别指定了星期和月份的名称；itemStyle.normal 选项设置格子普通状态下的背景颜色，边框粗细和颜色，itemStyle.emphasis 选项设置格子高亮状态下的背景颜色。最后，我们使用了 heatmap 类型的系列来表示数据。