如圖這樣的設(shè)計(jì)，需要在echarts上套一個(gè)邊框，css不是很容易實(shí)現(xiàn)（主要弧邊不好處理），現(xiàn)在邊框用圖片代替，但是怎么讓echarts嵌在圖里呢。echarts是長(zhǎng)方形，卡住了，沒(méi)什么思路了，求各位大牛支招
如果在里面放圖片或圖表，就會(huì)是這樣：
主要思想應(yīng)該還是用 border-radius。但 border-radius 只能給角設(shè)半徑，不能給角的兩條邊分別設(shè)半徑。我們所需要的是給角的兩邊分別設(shè)不一樣的半徑。這個(gè)時(shí)候畫(huà)橢圓的方法給了我啟發(fā)。利用百分比做半徑，我們就能給每個(gè)角的兩邊設(shè)不一樣的半徑了。但題主要的又不是橢圓，所以這個(gè)時(shí)候就得結(jié)合用 calc 了。我做了一個(gè) demo ，題主在這個(gè)基礎(chǔ)上繼續(xù)調(diào)整一下 border-radius 應(yīng)該就能實(shí)現(xiàn)想要的效果。
加載中...