d3js中的排序方法不起作用

Question

在Plunker条形图中，您可以通过单击“排序值”复选框进行排序，它最初可以正常工作，但如果您尝试再次取消选中此框，它将停止工作。

我也没有得到任何错误，我怀疑它与data未正确加载或我的代码的某些部分结构不良有关。

这是FlatIcon

Answer 1

取消选中排序值以使其不起作用的原因是<div class="footer-section"> <?php if($this->user->role !== 'admin' && $this->user->role !== 'worker') echo '<button type="button" class="btn btn-red col-md-6 flat-box-btn" data-toggle="modal" data-target="#AddSale"><h5 class="text-bold">'.label("PAY").'</h5></button>';?> </div> 。

在对数据进行排序时，原始数据本身被操纵，新的sortIndex基于这个新数据，导致与排序数据相同的数组。

我所做的是添加sortIndex函数，以便第一次初始化init()和data。此外，在每次数据更新上，根据原始数据更改sortIndex，并在sortIndex功能中更改 NOT

相关代码：

update

这是一个更新后的Plunkr：

Plunkr with sort values onChange fixed

希望这会有所帮助。 ：）