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折线图yAxis滴答

1 个答案: