D3 - 將動態數據添加到刻度標籤

Question

D3 tick labels missing dynamic data

我正在計算數據庫中每種類型飛機的平均負載因數。我結束了以下陣列：

Array 
(
    [0] => Array 
     (
      [name] => 319 
      [value] => 92.1418589744 
      [count] => 402 
     ) 

    [1] => Array 
     (
      [name] => 320 
      [value] => 90.2765555556 
      [count] => 454 
     ) 

) 

我試圖顯示在飛機名稱下的計數值。簡單地用一個序數標度來做到這一點是可能的嗎？

var xScale = d3.scale.ordinal() 
        .domain(dataArray.map(function(d) 
{ return d.name; })) 
        .rangeRoundBands([YaxisLPadding + YaxisRPadding, SVGwidth - margin]); 

Answer 1

零序尺度映射single value因此您不能設置對象

的數組的域

我建議，而不是創建與要顯示和使用的東西的數組作爲x.tickValues

var data = [ 
    { name: 'a', value: 1, count: 1 }, 
    { name: 'b', value: 2, count: 2 } 
] 
var count = data.map(function (d) { return d.count }) 

// and then in the x-axis 
x.tickValues(count)