W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗(yàn)值獎勵
ECharts 中 calendar 表示日歷坐標(biāo)系組件。
在 ECharts 中日歷圖的實(shí)現(xiàn),是通過使用日歷坐標(biāo)系組件來達(dá)到日歷圖效果的,如下方的幾個示例圖,我們介紹了幾個日歷坐標(biāo)系使用實(shí)例,這樣我們就能夠在熱力圖、散點(diǎn)圖、關(guān)系圖中使用日歷坐標(biāo)系。
在日歷坐標(biāo)系中使用熱力圖的示例:
在日歷坐標(biāo)系中使用散點(diǎn)圖的示例:
在日歷坐標(biāo)系中使用關(guān)系圖(以及混合圖表)的示例:
靈活利用 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。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: