我正在使用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);

最佳答案

始终将xAxisyAxis勾号与图表定义分开。请尝试以下代码:

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);

关于javascript - dc.js折线图yAxis刻度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31424743/

10-09 21:56
查看更多