创新互联ECharts教程：ECharts日历坐标系组件

ECharts 中 calendar 表示日历坐标系组件。

成都一家集口碑和实力的网站建设服务商，拥有专业的企业建站团队和靠谱的建站技术，10余年企业及个人网站建设经验 ,为成都上1000家客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设，高端网站设计，同时也为不同行业的客户提供做网站、成都网站建设的服务,包括成都电商型网站制作建设,装修行业网站制作建设，传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选创新互联建站。

在 ECharts 中日历图的实现，是通过使用日历坐标系组件来达到日历图效果的，如下方的几个示例图，我们介绍了几个日历坐标系使用实例，这样我们就能够在热力图、散点图、关系图中使用日历坐标系。

在日历坐标系中使用热力图的示例:

点击编辑实例 》》

在日历坐标系中使用散点图的示例:

点击编辑实例 》》

在日历坐标系中使用关系图（以及混合图表）的示例:

点击编辑实例 》》

灵活利用 echarts 图表和坐标系的组合，以及 API，可以实现更丰富的效果。 在日历中使用文字、 在日历中放置饼图

水平和垂直放置日历

在日历坐标系可以水平放置，也可以垂直放置。如上面的例子，使用热力图时，经常是水平放置的。但是如果需要格子的尺寸大些，水平放置就过于宽了，于是也可以选择垂直放置。参见 calendar.orient。

日历尺寸的自适应

可以设置日历坐标系使他支持不同尺寸的容器（页面）大小变化的自适应。首先，和 echarts 其他组件一样，日历坐标系可以选择使用 left、right、top、bottom、width 和 height 来描述尺寸和位置，从而将日历摆放在上下左右各种位置，并随着页面尺寸变动而改变自身尺寸。另外，也可以使用 cellSize 来固定日历格子的长宽。

中西方日历习惯的支持

中西方日历有所差别，西方常使用星期日作为一周的第一天，中国使用星期一为一周的第一天。日历坐标系做了这种切换的支持。参见 calendar.dayLabel.firstDay。

另外，日历上的『月份』和『星期几』的文字，也可以较方便的切换中英文，甚至自定义。参见 calendar.dayLabel.nameMap calendar.monthLabel.nameMap。

网页标题：创新互联ECharts教程：ECharts日历坐标系组件
网站地址：http://www.shufengxianlan.com/qtweb/news28/19278.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联