是否可以使用CSS創建一個Fan圖表？

我想知道是否有可能製作如下圖所示的扇形圖，但只能使用HTML/CSS。我一直在嘗試使用轉換和嵌套的div，但沒有任何東西甚至遠程關閉。是否可以使用CSS創建一個Fan圖表？

enter image description here

2013-07-20 Justin808

不，這是不可能的。你可以通過類似D3的方式實現這一點，下面是一個例子http://www.jasondavies.com/coffee-wheel/ – Duopixel

D3的責任僅僅是管理數據。渲染這種顯示的正確工具是'svg'。那麼這可能是靜態的，或者使用D3，angular，jquery，vanillaJS等動態的。 –

@AugustinRiedinger你的意思是D3可以將svg作爲輸入並修改它的顯示方式？ –

我會推薦帆布。只是讓旋轉的文本與CSS工作是一個痛苦的屁股。我可以想象從上面的圖像中獨自完成文本，但是需要做很多工作才能實現。形狀和線條是另外一個故事。我想這可能是可能的，但它可能看起來不太好，可能效率不高。畫布是去這裏的路。

2013-07-20 02:29:12

回答