Dc.js 折线图 y 轴刻度

Question

我正在使用 dc.js 创建折线图。折线图可以成功呈现，但 y 轴重叠。我想用 yAxis().ticks() 减少 y 轴值上的刻度数，但失败了。有人可以帮我解决这个问题吗？非常感谢。

var DateD = ndx.dimension(function(d){return d.parsedDate});
var DateGroup = DateD.group().reduceCount();

var DatelineCharts = dc.lineChart("#chart-line")
    .width(1000).height(100)
    .dimension(DateD)
    .group(DateGroup)
    .x(d3.time.scale().domain([minDate,maxDate]))
    .elasticX(true)
    .elasticY(true)
    .xAxis().ticks(15);

    DatelineCharts.yAxis().ticks(15);

Answer 1

始终从图表定义中分别给出 xAxis 和 yAxis 标记。试试下面的代码：

var DatelineCharts = dc.lineChart("#chart-line")
  .width(1000).height(100)
  .dimension(DateD)
  .group(DateGroup)
  .x(d3.time.scale().domain([minDate,maxDate]))
  .elasticX(true)
  .elasticY(true);
  //.xAxis().ticks(15);

DatelineCharts.xAxis().ticks(15);
DatelineCharts.yAxis().ticks(10);

Dc.js 折线图 y 轴刻度

Dc.js line chart yAxis ticks

javascript

dc.js