d3從數據獲取鍵數組

Question

我正在嘗試創建一個分組圖表，可以打開和關閉其系列-這是一個有效的演示

https://bl.ocks.org/andrew-reid/64a6c1892d1893009d2b99b8abee75a7

我正在嘗試通過json輸入使它工作-但我遇到了錯誤。

http://jsfiddle.net/0ht35rpb/231/

我本質上是想從數據中獲取鍵數組。

var鍵= data.columns.slice（1）; ^以前是csv的地方

所以需要獲得這個鑰匙

var keys = [
"AA",
"BB"
]

從數據

var data = [{
"State": "CA",
"AA": 100,
"BB": 200
},
{
"State": "TX",
"AA": 454,
"BB": 344
}];

Answer 1

由於d3.json沒有創建columns屬性，因此您可以使用d3.keys獲取密鑰：

var keys = d3.keys(data[0]).slice(1);

這是一個演示：

 var data = [{ "State": "CA", "AA": 100, "BB": 200 }, { "State": "TX", "AA": 454, "BB": 344 }]; var keys = d3.keys(data[0]).slice(1); console.log(keys) 

 <script src="https://d3js.org/d3.v4.min.js"></script> 

由於鍵的順序是不確定的，因此一種更安全的方法是刪除該slice並改用filter ：

 var data = [{ "State": "CA", "AA": 100, "BB": 200 }, { "State": "TX", "AA": 454, "BB": 344 }]; var keys = d3.keys(data[0]).filter(function(d) { return d != "State"; }); console.log(keys) 

 <script src="https://d3js.org/d3.v4.min.js"></script> 

Answer 2

您也可以使用Object.keys（）