如何在C3 / d3 js图表中将x轴刻度间隔设置为1？

Question

我很擅长用c3和d3进行图表构建。我做了一个搜索，但我找不到答案 - 任何人都可以帮忙吗？如何强制x轴显示每个刻度线 - 它当前正在显示每个刻度线。我希望图表是动态的，所以我不想在刻度计数中加入硬线（它从其他地方提取数据）。 我希望我有道理！感谢任何建议。

Answer 1

您需要调整剔除选项：

axis: {
  x: {
    tick: {
      culling: false
    }
  }
}

见docs。

此外，您可以通过少量css hack强制显示第一个和最后一个刻度值：

.c3-axis-x g.tick:nth-last-child(2) text,
.c3-axis-x g.tick:nth-child(2) text {
    display: block !important;
}