任何人都可以引導我如何修改https://bl.ocks.org/mbostock/4063269,以圓圈的最小半徑?如何在D3JS中設置Circle Pack的最小半徑?
如果圈子的半徑非常小,他們的內部文本將被隱藏,這是我想避免的。
任何人都可以引導我如何修改https://bl.ocks.org/mbostock/4063269,以圓圈的最小半徑?如何在D3JS中設置Circle Pack的最小半徑?
如果圈子的半徑非常小,他們的內部文本將被隱藏,這是我想避免的。
您可以使用不同的方法設置圓圈的最小尺寸。此回答涉及pack.radius:
如果指定了半徑,則將包佈局的半徑存取器設置爲指定的函數並返回此包佈局。
首先,我們設置一個比例。你可以看到,最小值這裏是20(最大值爲50):
var sizeScale = d3.scaleSqrt()
.range([20,50]);
然後,我們使用規模pack.radius
:
下面是使用你相同的代碼演示從邁克Bostock:https://bl.ocks.org/anonymous/9590a06db119c7a67acdfd3c5b5f1e0a
我不覺得很舒服寫這個答案,因爲這個問題處理的東西,我真的很關心:用數據說真話......或者,甚至更好,而不是**與數據**。只是爲了顯示文字而改變圓圈的大小是一種謊言,因爲圓圈的大小對信息進行編碼。 –
這應該是有幫助的https://www.dashingd3js.com/svg-text-element – shv22