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

成都一家集口碑和實(shí)力的網(wǎng)站建設(shè)服務(wù)商,擁有專業(yè)的企業(yè)建站團(tuán)隊(duì)和靠譜的建站技術(shù),10余年企業(yè)及個(gè)人網(wǎng)站建設(shè)經(jīng)驗(yàn) ,為成都上1000家客戶提供網(wǎng)頁設(shè)計(jì)制作,網(wǎng)站開發(fā),企業(yè)網(wǎng)站制作建設(shè)等服務(wù),包括成都營銷型網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計(jì),同時(shí)也為不同行業(yè)的客戶提供做網(wǎng)站、成都網(wǎng)站建設(shè)的服務(wù),包括成都電商型網(wǎng)站制作建設(shè),裝修行業(yè)網(wǎng)站制作建設(shè),傳統(tǒng)機(jī)械行業(yè)網(wǎng)站建設(shè),傳統(tǒng)農(nóng)業(yè)行業(yè)網(wǎng)站制作建設(shè)。在成都做網(wǎng)站,選網(wǎng)站制作建設(shè)服務(wù)商就選創(chuàng)新互聯(lián)建站。
在 ECharts 中日歷圖的實(shí)現(xiàn),是通過使用日歷坐標(biāo)系組件來達(dá)到日歷圖效果的,如下方的幾個(gè)示例圖,我們介紹了幾個(gè)日歷坐標(biāo)系使用實(shí)例,這樣我們就能夠在熱力圖、散點(diǎn)圖、關(guān)系圖中使用日歷坐標(biāo)系。
在日歷坐標(biāo)系中使用熱力圖的示例:
點(diǎn)擊編輯實(shí)例 》》
在日歷坐標(biāo)系中使用散點(diǎn)圖的示例:
點(diǎn)擊編輯實(shí)例 》》
在日歷坐標(biāo)系中使用關(guān)系圖(以及混合圖表)的示例:
點(diǎn)擊編輯實(shí)例 》》
靈活利用 echarts 圖表和坐標(biāo)系的組合,以及 API,可以實(shí)現(xiàn)更豐富的效果。 在日歷中使用文字、 在日歷中放置餅圖
水平和垂直放置日歷
在日歷坐標(biāo)系可以水平放置,也可以垂直放置。如上面的例子,使用熱力圖時(shí),經(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。
本文名稱:創(chuàng)新互聯(lián)ECharts教程:ECharts日歷坐標(biāo)系組件
鏈接分享:http://fisionsoft.com.cn/article/djeijoc.html


咨詢
建站咨詢
