circle-pack

    3熱度

    1回答

    嘿,我正在使用D3JS作爲圖表庫,我非常有興趣利用Bubble Chart中的酷炫功能。在主D3JS圖表網站下面的氣泡圖是用來比較兩組數據: Bubble Chart。 我想知道如果有人真的有任何想法如何創建這樣的氣泡圖,我努力使它通過使用大小變量工作。 我真的很希望能夠以比較兩組數據,例如: 主機名(45955158)VS活性中心(21335629) 我使用的代碼如下,我使用JSON來檢索我的數

    4熱度

    1回答

    我正在嘗試創建一個D3.js packed circle diagram。 當我將數據嵌入HTML文件時,它工作正常。當我把數據放在外部文件中時,我什麼都沒有(空白的DOM,沒有控制檯信息)。 如果您取消註釋var數據聲明並註釋掉d3.json(以及相應的右括號),它可以正常工作。 我可以在瀏覽器中看到「2013 Inf-2.json」文件,它看起來很合適(它通過jsonlint驗證)。它包括從第

    3熱度

    1回答

    新建D3 ...... 我試圖複製一個simple example但是從MySQL我的數據。由於我將我的列重命名爲「名稱」和「大小」,它應該是一個簡單的過渡。我認爲該行/項目!d.children;限制了要處理的數據或者我的代碼出現了錯誤。 我怎麼能一個類添加到現有的以.json? 或 我需要刪除哪些代碼才能使現有的.json正常工作? <script src="http://d3js.org/d

    4熱度

    2回答

    我想用沿着圓圈本身流動的文本在circle pack layout中標記一些圓圈。 這是一個實驗jsfiddle: 正如你所看到的,有可能呈現沿圓,在其頂部居中的文本。雖然瀏覽器渲染彎曲的SVG文本是可怕的。但是,讓我們說我們不關心它。 這裏是另一個jsfiddle 我想放置在該曲線圖中彎曲的標籤,在這些條件下: 的圓圈代表一個省(僅深度== 1) (不列顛哥倫比亞省,艾伯塔省,等等) 該省所有兒

    0熱度

    1回答

    我有一個FLask應用程序,在我的模板/文件夾中有一些html文件。我想一個不錯的D3可視化添加到我的index.html,所以首先我試圖複製/粘貼泡實例到一個名爲我的模板/文件夾bubbles.html文件: http://bl.ocks.org/mbostock/4063269 我試圖用Firefox打開bubbles.html,但只有白色空間,氣泡應該在那裏。這是奇怪的事情。當我將bubbl

    0熱度

    1回答

    我正在使用d3圓形打包算法。它的設置是爲了讓內圈佔據所有可用的空間。所以如果我有兩個相同大小的圓圈,一個包含三個子圓圈,一個包含50個圓圈,三個圓圈顯得非常大。 是否有一個簡單的修改,我可以使腳本,使內圈不會超過一個特定的大小 - 也許漂浮在中心? 這裏來源: https://github.com/mbostock/d3/blob/master/src/layout/pack.js

    3熱度

    1回答

    我使用所提供的D3網站上可縮放的包佈局:顯示佈局時,會顯示http://mbostock.github.io/d3/talk/20111116/pack-hierarchy.html 圓的所有標籤。 問題是,對於靠近在一起的小圓圈,標籤重疊。我想知道是否有辦法隱藏標籤的重疊文字? 我已閱讀關於「foreignobject」,但如果這是答案,我不知道如何以及在何處將它合併到代碼中。

    3熱度

    1回答

    我試圖在d3.js中創建實時氣泡圖圖表本身很簡單,因爲所顯示的數據是非嵌套數組。它只是不同大小的泡泡。 與來自通過AJAX的MVC控制器取出初始數據的初始氣泡圖表創建這樣的: var canvas = d3.select("#dynD3") .append("svg") .attr("width", 800) .attr("height", 500) .ap

    2熱度

    2回答

    我想知道是否可以稍微更改d3.layout中的包裝算法。也就是說,我想知道如果不是在觸及父節點的位置放置一個具有最高值的子節點,可以將它放在中間。現在看起來好像所有的孩子都是通過螺旋進入父母身邊的小孩。 我希望這不是太混亂。我會很樂意澄清什麼是不明確的。

    2熱度

    3回答

    通過以下張貼在http://bl.ocks.org/mbostock/4063269的例子開發一個D3氣泡圖: 我的數據集是具有一個分支,但許多兒童(見下文樣品)。我所有的氣泡都以相同的顏色顯示。是否有可能修改邏輯,爲同一分支中的每個孩子生成不同的顏色氣泡?如果是這樣,任何援助將不勝感激。 { "name": "mydata", "children": [ {"name": "tes