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)