Javascript D3 如何從 CSV 訪問和操作數據集

Question

我正在為 D3 苦苦掙扎。 我有一個數據集，我將它拉入 D3，並填充一個條形圖。 問題是酒吧太多了！ 我只想顯示前 10 個值。

我的 csv 有兩個值，鍵（列標題）是“名稱”，值是“NumberOfTickets”。 我只想顯示票數最多的 10 個名字。 我假設我需要對我的數據集進行排序和拼接，但我已經嘗試了所有方法並且無法讓它工作。 似乎大多數教程都針對簡單的數組，而不是來自具有鍵值對的 CSV 的數據集。 任何幫助，將不勝感激。 這是我的 D3 代碼的數據集部分。 我假設這是我需要操作數據集的地方：

  var report = data.forEach(function(d){                    
                d.Name= d.Name;
                d.NumberOfTickets= +d.NumberOfTickets;                          
            });

Answer 1

嘗試這個：

var report = data.sort(function(a, b) {
                return d3.descending(+a.NumberOfTickets, +b.NumberOfTickets);
            }).slice( 0, 10);

如果您想要獲得較少門票的名稱，只需更改為“升序”即可。 如果要更改切片，請記住起始編號包含在內，但結束編號不包含在內。