javascript - D3 - 使用字符串作为轴刻度

Question

您好，有以下域array=["Col 1", "2012", "total"]，我以这种方式创建比例

x = d3.scale.ordinal()
        .domain(array)
        .rangeRoundBands([0,width], .1);

我这样称呼轴:

 d3.svg.axis()
        .scale(x);

不幸的是，这会造成不稳定的行为以及重绘时的数据交换，如下所示:http://jsbin.com/ibewux/9/edit

获得稳定行为的唯一方法是为域提供数值，即 array=[0, 1, 2, 3, ...]

如何显示这种格式的刻度 ["Col 1", "2012", "total",..., "any string"] 而不是数字刻度(即 [0,1,2,.. .N])并避免重绘时绘制的数据交换(显然每次都在不同的随机刻度上)？

非常感谢

Answer 1

ordinal scales 已经是这样了那axis刻度是 domain values 。如图所示:

• http://bl.ocks.org/3259783

设置axis.tickValues这里的比例域是多余的。