Highcharts修改dataSorting配置后调用update方法图表未更新如何解决

你修改userOptions不会生效的核心原因是：userOptions仅存储图表的初始配置快照，不属于运行时生效的配置项，修改它不会触发图表的配置同步和重绘。

正确的实现代码如下，你需要通过Highcharts提供的update方法传入配置修改：

var chart2 = $('#container2').highcharts() // 已存在的柱状图实例 

document.getElementById('sortbutton').addEventListener('click', () => {
  chart2.series[0].update({
    dataSorting: {
      matchByName: true,
      enabled: true,
      sortKey: 'netPL', // 指定排序依据的字段为netPL
      direction: 'desc' // 配置为降序，实现从高到低排序
    }
  });
});

补充注意事项 #

• 确保你的系列数据结构中包含netPL属性，标准数据格式参考：[{name: '品类A', netPL: 256}, {name: '品类B', netPL: 128}, ...]
• 如果需要实现点击按钮切换升降序的效果，可以读取当前dataSorting.direction的值做切换逻辑即可
• 直接对单系列调用update方法比全局调用chart.update性能更好，适合仅修改单系列配置的场景

内容的提问来源于stack exchange，提问作者user324313