javascript - 隐藏 dc.js 图表 x 轴

Question

如下图，由于数据范围大，x轴很乱。我想删除 x 轴，运气好吗？

我当前的代码:

toneChart.width(300).height(280)
    .dimension(tone)
    .group(toneGroup)
    .title(function (d) { return ""; })
    .ordering(function(d) { return - d.value })
    .cap(10)
    .transitionDuration(750)
    .renderLabel(true)
    .colors(d3.scale.category10())
    .elasticX(true);

谢谢!

Answer 1

通过 CSS 可以隐藏坐标轴和文本。

移除图表的x轴

将以下内容添加到您的 CSS(将 #ID 替换为您的):

#your-row-chart svg g g.axis.x { display: none; }

移除条形图的 y 轴

将以下内容添加到您的 CSS(将 #ID 替换为您的):

#your-bar-chart svg g g.axis.y { display: none; }