nvd3.js - NVD3 - lineWithFocusChart - 禁用 x 轴标签/刻度的自动排序

Question

我正在 nvd3 中使用 View Finder 创建折线图，我的问题是即使在(未排序的)数组和 .tickValues 的帮助下指定我的刻度，结果也会再次排序。更清楚一点:我的数组包含类似 (49,50,51,52,1,2,3,4) 的数字。我希望 x 轴完全按照这个顺序。但结果是排序后的版本 (1,2,3,4,49,50,51,52)。所以我假设有某种自动排序，即使我使用 .tickValues？!如何禁用此排序？

这里是一个示例代码:

nv.addGraph(function() {
    var chart = nv.models.lineWithFocusChart();

    // chart.transitionDuration(500);

    chart.xAxis.tickValues(x_labels_array);
    chart.x2Axis.tickValues(x_labels_array);

    chart.yAxis.tickFormat(d3.format(',.2f'));
    chart.y2Axis.tickFormat(d3.format(',.2f'));
    d3.select('#chart svg').datum(createData()).call(chart);

    nv.utils.windowResize(chart.update);

    return chart;
}); 

Answer 1

我能够使用 xDomain[firstVal, lastVal] 禁用排序，这将更改数据的排序，或者您也可以使用 lines: {xDomain[firstVal, lastVal]} 这里是一个 plunker使用 Angular-nvd3 完成