Javascript 无法更新Highcharts中的datatable

延续几个月前我认为已经解决的问题：

$（函数（）{
Highcharts.setOptions({
朗：{
出口数据：{
类别标题：“漏洞”
}
}
});
$（“#容器”）。高图({
图表：{
//plotBackgroundColor:null，
//plotBorderWidth:null，
//影子：错，
埃文斯：{
加载：Highcharts.drawTable
},
身高：400，
宽度：800，
//marginBottom:250
},
标题：{
文本：未定义
},
学分：{
已启用：false
},
工具提示：{
pointFormat:“{series.name}:{point.percentage:.1f}%”
},
打印选项：{
馅饼：{
showInLegend：是的，
allowPointSelect:true，
光标：“指针”，
数据标签：{
垂直排列：“顶部”，
启用：对，
颜色：'#000000'，
连接器宽度：1，
距离：-50，
连接器颜色：'#000000'，
格式：'
{point.percentage:.1f}%
计数：{point.y}'
}
}
},
出口：{
可展示：正确，
表格说明：错
},
系列：[{
键入“pie”，
名称：'计数'，
数据：[{
y:4，
名称：'高'，
}, {
y:8，
名称：'中等'，
}, {
y:2，
名称：“低”
}]
}]
});
});
.highcharts数据表{
字体系列：Verdana，无衬线；
边界塌陷：塌陷；
边框：1px实心#ebebebeb；
利润率：10px自动；
文本对齐：居中；
位置：绝对位置；
顶部：200px；
左：20px；
}
.highcharts数据表标题{
填充：1em 0；
字体大小：1.2米；
颜色：#555；
}
.海图数据表th{
字号：600；
填充：0.5em；
}
.highcharts数据表td、.highcharts数据表th、.highcharts数据表标题{
填充：0.5em；
}
.highcharts数据表thead tr、.highcharts数据表tr:n个子项（偶数）{
背景：#f8f8；
}
.highcharts数据表tr：悬停{
背景#f1f7ff；
}

此问题是由于

但是，它在8.1.2版本中仍然有效

<script src="https://code.highcharts.com/8.1.2/highcharts.js"></script>
<script src="https://code.highcharts.com/8.1.2/modules/exporting.js"></script>
<script src="https://code.highcharts.com/8.1.2/modules/export-data.js"></script>


从这里开始，它可以完美地工作。或者我不理解这个问题。@Gabriel:谢谢你的回答。实际上，如果您看到JSFIDLE，您会发现一个“更新按钮”。单击该按钮，在Javascript中触发addEventListener，并将饼图更新为设置的值。但如果您注意到数据表，则该值保持不变且未更新（与饼图中的值不同）。之前，当饼图更新为新值时，数据表也会更新。但就在最近，我不确定为什么即使饼图用新值更新，datatable也没有更新。