Javascript d3堆叠条形图显示x值而不跳过

我创建了以下d3堆叠条形图

var ContainersStackedBarChart = function() {
"use strict";

var stackedBarChartData = [{
    key: 'Packed',
    'color' : COLOR_RED,
    values: [
        { x:1, y: 10}, { x:2, y: 15}, { x:3, y: 16}, { x:4, y: 20}, { x:5, y: 57}, { x:6, y: 42}, { x:7, y: 12}, { x:8, y: 65}, { x:9, y: 34}, { x:10, y: 52}
    ]
},{
    key: 'Un-Packed',
    'color' : COLOR_ORANGE,
    values: [
        { x:1, y: 10}, { x:2, y: 15}, { x:3, y: 16}, { x:4, y: 45}, { x:5, y: 67}, { x:6, y: 34}, { x:7, y: 43}, { x:8, y: 65}, { x:9, y: 32}, { x:10, y: 12}, 

    ]
}];

nv.addGraph({
    generate: function() {
        var stackedBarChart = nv.models.multiBarChart()
            .stacked(true)
            .showControls(false);

        var svg = d3.select('#containersbycarrier').append('svg').datum(stackedBarChartData);
        svg.transition().duration(0).call(stackedBarChart);
        return stackedBarChart;
    }
});
};

但问题是，当数据输入时，它没有显示x轴值

我想显示完整的x轴标签，也许可以通过减少条的宽度

我试过用这个

svg.scale.ordinal().range([0, stackedBarChartData.length * 50]);

---

但不起作用

您需要添加.reduceTexticks（false）以显示所有刻度

var stackedBarChartData=[{
键：“打包”，
“颜色”：“红色”，
价值观：[
{x:1，y:10}，{x:2，y:15}，{x:3，y:16}，{x:4，y:20}，{x:5，y:57}，{x:6，y:42}，{x:7，y:12}，{x:8，y:65}，{x:9，y:34}，{x:10，y:52}
]
},{
关键字：“未打包”，
“颜色”：“绿色”，
价值观：[
{x:1，y:10}，{x:2，y:15}，{x:3，y:16}，{x:4，y:45}，{x:5，y:67}，{x:6，y:34}，{x:7，y:43}，{x:8，y:65}，{x:9，y:32}，{x:10，y:12}，
]
}];
nv.addGraph({
生成：函数（）{
var stackedBarChart=nv.models.multiBarChart（）
.堆叠（正确）
.reduceXTicks（假）
.showControls（假）；
var svg=d3.选择（“#containersbycarrier”）.append（'svg'）.datum（stackedBarChartData）；
svg.transition（）.duration（0）.call（stackedBarChart）；
返回堆叠条形图；
}
});