我正在尝试使用NV D3为线图自定义x轴标签,但我得到的只是从0-N的迭代

这是我的代码

    for(var i = 0;i< numberBins;i++){
        valuesForD3.push({x:parseFloat(histogramObject['min']) + parseFloat(i * histogramObject['binWidth']),
                          y:histogramObject['values'][i]
                         });
    }

chart = nv.models.lineChart()
          .options({
            margin: {left: 50, bottom: 40},
            x: function(d,i) { return i},
            showXAxis: true,
            showYAxis: true,
            transitionDuration: 100
          });


d3.select('#chart1 svg')
            .datum([{values:valuesForD3,key:'Score values',color:'#2222ff'}])
            .call(chart);

最佳答案

查看他们的示例(文档在哪里!),您可以自定义刻度,例如:

chart.xAxis
  .tickFormat(function(d) {
    return d.someTickLabel;
  });


这是一个快速的example

关于javascript - NVD3-x轴标签失败,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27696443/

10-16 00:14