我正在使用這個 d3 sankey 圖表，我想給左側節點一個固定的高度，以便將 sankey 圖表與圓環圖對齊。綠線表示兩個圖表之間的分隔，我需要修復甜甜圈圖旁邊的節點高度
let data =
{
"links": [
{ "source": "Agriculture", "target": "Rice Cultivation", "value": "120" },
{ "source": "Agriculture", "target": "Deforestation", "value": "30" },
{ "source": "Agriculture", "target": "Coal Mining", "value": "30" },
{ "source": "Chemicals", "target": "HFCs - PFCs", "value": "100" },
{ "source": "Chemicals", "target": "HFCs - PFCs", "value": "50" }
],
"nodes":[
{ "name": "Agriculture" },
{ "name": "Chemicals" }
]
}
uj5u.com熱心網友回復：
處理您的資料，將所有值轉換為 % 例如：對于農業，您有 120、30、30，總計將為 180。現在，通過除以 120/180、30/180、30/180 將值更改為 %。因此，當你總結它的目標時，農業將是 100%
對您擁有的所有組重復此操作，因此匯總時您的源應等于 100%，因此源（左節點）的高度將相等
let data = {
"links": [
{ "source": "Agriculture", "target": "Rice Cultivation", "value": "66.67" },
{ "source": "Agriculture", "target": "Deforestation", "value": "16.67" },
{ "source": "Agriculture", "target": "Coal Mining", "value": "16.67" },
{ "source": "Chemicals", "target": "HFCs - PFCs", "value": "66.67" },
{ "source": "Chemicals", "target": "HFCs - PFCs", "value": "33.33" }
],
"nodes":[
{ "name": "Agriculture" },
{ "name": "Chemicals" }
]
}
我希望你覺得它有幫助，謝謝
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/462644.html
標籤：javascript d3.js 数据可视化