ECharts日歷坐標(biāo)系組件

2018-10-11 10:28 更新

ECharts 中 calendar 表示日歷坐標(biāo)系組件。

在 ECharts 中日歷圖的實(shí)現(xiàn),是通過使用日歷坐標(biāo)系組件來達(dá)到日歷圖效果的,如下方的幾個示例圖,我們介紹了幾個日歷坐標(biāo)系使用實(shí)例,這樣我們就能夠在熱力圖、散點(diǎn)圖、關(guān)系圖中使用日歷坐標(biāo)系。

在日歷坐標(biāo)系中使用熱力圖的示例:

在ECharts日歷坐標(biāo)系中使用熱力圖

點(diǎn)擊編輯實(shí)例 》》

在日歷坐標(biāo)系中使用散點(diǎn)圖的示例:

在ECharts日歷坐標(biāo)系中使用散點(diǎn)圖

點(diǎn)擊編輯實(shí)例 》》

在日歷坐標(biāo)系中使用關(guān)系圖(以及混合圖表)的示例:

在ECharts日歷坐標(biāo)系中使用關(guān)系圖

點(diǎn)擊編輯實(shí)例 》》

靈活利用 echarts 圖表和坐標(biāo)系的組合,以及 API,可以實(shí)現(xiàn)更豐富的效果。 在日歷中使用文字、 在日歷中放置餅圖

水平和垂直放置日歷

在日歷坐標(biāo)系可以水平放置,也可以垂直放置。如上面的例子,使用熱力圖時,經(jīng)常是水平放置的。但是如果需要格子的尺寸大些,水平放置就過于寬了,于是也可以選擇垂直放置。參見 calendar.orient。

日歷尺寸的自適應(yīng)

可以設(shè)置日歷坐標(biāo)系使他支持不同尺寸的容器(頁面)大小變化的自適應(yīng)。首先,和 echarts 其他組件一樣,日歷坐標(biāo)系可以選擇使用 left、right、top、bottom、width 和 height 來描述尺寸和位置,從而將日歷擺放在上下左右各種位置,并隨著頁面尺寸變動而改變自身尺寸。另外,也可以使用 cellSize 來固定日歷格子的長寬。

中西方日歷習(xí)慣的支持

中西方日歷有所差別,西方常使用星期日作為一周的第一天,中國使用星期一為一周的第一天。日歷坐標(biāo)系做了這種切換的支持。參見 calendar.dayLabel.firstDay。

另外,日歷上的『月份』和『星期幾』的文字,也可以較方便的切換中英文,甚至自定義。參見 calendar.dayLabel.nameMap calendar.monthLabel.nameMap。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號