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

时间:2014-02-25 16:37:36

标签: nvd3.js

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

1 个答案:

答案 0 :(得分:0)

我可以使用<Label Content="{Binding Editor.Text.Length}"/> 禁用排序,这会更改数据的排序,或者您也可以使用xDomain[firstVal, lastVal]这里使用Angular-nvd3完成plunker