NVD3 - x轴标签失败

时间:2014-12-29 21:38:59

标签: javascript d3.js nvd3.js

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

1 个答案:

答案 0 :(得分:1)

查看他们的示例(文档的位置!),您可以自定义刻度:

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

这里快速example