javascript - Highcharts 对堆积条形图进行排序

标签 javascript sorting highcharts

我没有看到任何与我在 Highcharts 中遇到的确切场景相匹配的解决方案,因此我在这里发布我的发现。

我在 Highcharts 中有一个堆积条形图,需要将条形按值从大到小排序并维护它们的类别关系。通常,首选解决方案是在将数据发送到 Highcharts 之前对数据进行排序,但这在我的场景中不是一个选项。

感谢我找到解决方案的原始发帖人 here

最佳答案

您应该在所有 setData 操作完成后仅执行一次 Chart.redraw():http://jsfiddle.net/BlackLabel/2mLg7235/

$.each(series, function(seriesIndex, ser) {
  (...)
  ser.setData(data, false);
});
chartSource.redraw();

在您的代码中,重绘会在每次 setData 操作之后发生。

在我的示例中,排序函数的执行速度大约是原来的两倍(得益于此修改)。

关于javascript - Highcharts 对堆积条形图进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48651995/

相关文章:

javascript - 用颜色选择中的选定值

c++ - 键/值数组的双调排序

java - JAVA 对 2D int 数组进行排序

javascript - 如何使用Highcharts来实现这种从右向左动态移动的效果呢?

javascript - 如何将图像添加到我的 highcharts 图?

javascript - 如何在 Highcharts 中显示多个 "dataMax"?

javascript - 在 JavaScript 中创建全局唯一 ID

javascript - 如何使用鼠标位置确定文本颜色

javascript - React Native - 二维码生成器大小限制

java - 如何按字符串开头的数字对字符串数组进行排序?