javascript - 如何在nvd3中显示所有x轴值

Question

我有 nvd3 的折线图

这是我的代码:

var categories = color.domain().map(function(name) {
    return {
      key: name,
      values: data.map(function(d) {
        return {
          seme: d.Semester, 
          stat: d[name],
           area: true 
          };
      })
    };
  }); // end of categories

    nv.addGraph(function() {
    var chart = nv.models.lineChart()
    .x(function(d) { return parseFloat(d.seme); })
      .y(function(d) { return parseFloat(d.stat); }) 
      .color(['#ffbb78', '#ff7f0e', '#aec7e8', '#1f77b4'])
                .margin({left: 100})
                .transitionDuration(350)
                .showLegend(true)
                .showYAxis(true) 
                .showXAxis(true)
                 .width(width).height(height);
   chart.isArea(true);

这是我的图表:

我希望显示所有学期值，那么如何强制 x 轴显示学期的所有值？

我试过这个

chart.xAxis.axisLabel("Semester")
    .showMaxMin(false)    
    .tickValues(function(d) { return parseFloat(d.seme); })
    .tickFormat(d3.format(',f'));

这是我得到的:

Answer 1

有时只有 showMaxMin:false 不起作用。同时指定

x轴:{ 刻度:值}其中 value 是要显示的数据点的数量。我必须显示 10 个数据点，因此以下内容对我有用。

xAxis: {ticks:10,showMaxMin:false}