dc.js - 如何使用序数轴更改刻度线的文本

标签 dc.js

我有包含以下属性的图表:

barChart
       .width(width)
       .height(height)
       .dimension(dim)
       .group(group)
       .x(d3.scale.ordinal())
       .xUnits(dc.units.ordinal)

我的轴刻度看起来像“ZZxBob”、“PxBob”

如何使用“x”分割函数到每个刻度?

最佳答案

坐标轴完全由 D3 生成。

您可以使用chart.xAxis()检索 x 轴对象,然后 axis.tickFormat()更改其显示方式。

所以,例如显示x之前的部分:

barChart.xAxis()
    .tickFormat(function(l) { return l.split('x')[0]; })

关于dc.js - 如何使用序数轴更改刻度线的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44526943/

相关文章:

javascript - 如何仅显示过滤后的条目 dc.js?

crossfilter - dc.js 饼图总和示例

javascript - 使用 DC.js(crossfilter 和 d3 便利库)时出现问题 - 条形图不显示值

javascript - Crossfilter 行图表前 10 名

d3.js - dc.js 与 d3.js v4 的兼容性

javascript - 避免在直流图表中隐藏/切割气泡

javascript - Dc.js 与行图上的 Bootstrap 样式冲突

d3.js - DC.js Reductio - 显示 DC 日期范围内的累积平均值

javascript - 如果 dc.js 饼图/图例中的值为 0,则隐藏这些条目

node.js - 使用 dc 和 Node.js 预渲染图表