axis - 固定 DC js rowChart 中的 x Axis ？

Question

使用 DC js，尝试将 rowChart 设置为固定 X Axis 为 0-100。但是将其绘制为一条线？

我设置了 .elasticX(false) 并且看起来像上面那样。 设置为 true 看起来是正确的，但 X Axis 显然是有弹性的。

从 1.7.0 更改后版本为 2.1.0-dev，结果相同。

下面的 JS 看起来像:

day_chart.width(180)
    .height(180)
    .margins({ top: 0, left: 10, right: 10, bottom: 20 })
    .dimension(dayOfWeek)
    .group(dayOfWeekGroup)
    .valueAccessor(function (d) {
        return d.value.Percent;
    })
    // assign colors to each value in the x scale domain
    .ordinalColors(['#3182bd', '#6baed6', '#9ecae1', '#c6dbef', '#dadaeb'])
    .label(function (d) {
        return d.key.split('.')[1];
    })
    // title sets the row text
    .title(function (d) {
        return TooltipOcc(d.key.split('.')[1], d.value.Percent);
    })
    .elasticX(false)
    .x(d3.scale.linear().domain([0, 100]))
    .xAxis().ticks(4)
;

html 是带有 id 的基本 div。图表是 dc.css 和 col-md-5 是 bootstrap.css

<div id="day-chart" class="chart col-md-5">
    <div class="title">Day of Week</div>
</div>

Chrome inspector 显示根空间至少为 180，但内部发生的事情丢失了什么？

希望这只是我在 JS 中犯的一些放置错误。尝试过将 .x( 放在不同的点，删除 .xAxis。

感谢您的帮助。

Answer 1

手动设置域对我有用(根据 dc.js forum thread )

 day_chart.x(d3.scale.linear().range([0,(day_chart.width()-50)]).domain([0,100]));
 day_chart.xAxis().scale(day_chart.x());