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)