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

Question

我正在使用nvd3创建带有查找器的折线图，我的问题是，即使我使用未排序的数组和 .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;
}); 

- user3352183

---

你的编辑被@RamchandraApte回滚了，甚至我还没有机会修复你的错误，但这只能说明这是一个糟糕的编辑。 - Sheridan

@shabeer90，如果你查看修订记录，那么你会发现你对这篇文章进行了两次编辑。你所做的第一次编辑很好，所以没有人抱怨。然而，你的第二次编辑撤销了上一次编辑的改进...那是你的责任...这就是为什么不止一个，而是两个审阅者来到这里回滚你的错误编辑。为了公平起见，时间很接近，所以第二次编辑可能是一个意外的编辑，但你应该被告知有其他人也在编辑问题，因此仍然是你的责任检查更改。 - Sheridan

有人（或OP）解决了这个问题吗？我在这里遇到了同样的问题，但我看到的都是关于编辑和语法的评论 =( - CharliesHeron

Answer 1

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

- Mohamed NAOUALI