2016-11-14 75 views
0

嘗試使用nvd3創建兩個嵌套/堆疊戒指。我發現this線程,但似乎我不得不重新發明很多東西,以獲得包含在nvd3模塊中的動態功能。我正在嘗試做一些像PieMix這樣的外圈和內圈。看起來nvd3具有'旭日形狀'配置。我如何使用nvd3(或sunburst配置)創建嵌套/堆疊環?我需要能夠擁有像nvd3提供的動態數據加載等動態功能。角(1.5)nvd3嵌套甜甜圈戒指

這裏是我的數據看起來像:

var outerRing = [{title: test1, color: '#0ff000', score: 3.2}, {title: test2, color: '#0fffff', score: 6.9}, {title: test3, color: '#00000', score: 7.9}] 
var innerRing = [{title: GOOD, score: 5}, {title: BAD, score: 95}] 

謝謝!

+0

你甚至設法讓這個工作? – superphonic

+0

是使用CSS。基本上使用兩組完全不同的數據和特徵(即顏色,交互行爲等)創建了兩個環形圖實例。製作一個比其他人小,並將其放置在更大的甜甜圈 - 所有CSS黑客入侵。 – user2994871

回答

0

您可以使用現有的指令來創建旭日形圖,

<nvd3 options="options" data="data" class="with-3d-shadow with-transitions"></nvd3> 

DEMO

編輯

目前nvd3沒有嵌套甜甜圈圖表。已經有相同的請求github page

如果你想建立你自己的指令/圖表,你可以按照這個link

+0

是的,我知道nvd3指令中的'sunburst'選項。但是,似乎它可能是有限的,而不是我正在尋找的東西。我已經使用css實現了這個[link](http://g.recordit.co/ybe1XozyJo.gif),基本上是兩個響鈴,但正如你所看到的,當我調整瀏覽器的大小時,它會變得不對齊。我怎樣才能使用'sunburst'選項來做同樣的事情? – user2994871

+0

@ user2994871希望更新有幫助 – Sajeetharan