相关疑难解决方法(0)

我正在d3.js中构建一个带有序数x轴的条形图,其刻度应该用文本标记图表.任何人都可以解释序数尺度如何"映射"x刻度到相应的柱位置？具体来说,如果我想指定带有文本值数组的x刻度标签到条形图中的相应条形图.

目前我正在设置域名如下:

    var labels = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t"];
    var xScale = d3.scale.ordinal()
                .domain(labels)

但是,在文本标签之后显示1-19的值.

正如这个小提琴所见:

http://jsfiddle.net/chartguy/FbqjD/

Associated Fiddle源代码:

//Width and height
            var margin = {top: 20, right: 20, bottom: 30, left: 40};           
            var width = 600 - margin.left - margin.right;
            var height= 500-margin.top -margin.bottom;
            var w = width;
            var h = height;


            var dataset = [ 5, 10, 13, 19, 21, 25, 22, 18, 15, 13,
                            11, 12, 15, 20, 18, 17, 16, 18, 23, 25 ];

            var labels = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t"];
            var …