HighCharts按需显示指定索引数据点功能实现求助

我正在搭建基于HighCharts的调研数据报表，用于小组讨论环节。参与者通过智能手机对10个问题投票，主持人将在讨论中逐个展示结果（无需按固定顺序）。

需求目标 #

点击jQuery Flip表格中的“眼睛”图标时，在图表中显示对应数组索引的三个系列数据点。理想方案是预先加载全量数据至系列，先隐藏所有数据点，再根据索引显示指定数据点。

已尝试操作 #

图表外观显示正常，但始终找不到合适的方案实现非顺序逐个展示结果。我曾尝试调整数据点的opacity属性，但这个设置对样条线没有效果。

相关资源 #

• 图表与表格截图：
• 系列数据代码：

series: [{ 
    name: 'Average', 
    zIndex: 1, 
    data: [[2.5,7.6],[7.5,6.4],[12.5,6.6],[17.5,5.4],[22.5,6.2],[27.5,5.4],[32.5,7.0],[37.5,7.2],[42.5,6.4],[47.5,5.8],[52.5,6.6]] 
}, { 
    name: 'Median', 
    zIndex: 1, 
    lineWidth: 0, 
    lineColor: 'rgba(207, 193, 8, 255)', 
    marker: { fillColor: 'rgba(207, 193, 8, 255)' }, 
    data: [[2.5,7.0000000000],[7.5,6.0000000000],[12.5,6.0000000000],[17.5,5.0000000000],[22.5,6.0000000000],[27.5,6.0000000000],[32.5,6.0000000000],[37.5,7.0000000000],[42.5,7.0000000000],[47.5,6.0000000000],[52.5,7.0000000000]] 
}, { 
    name: 'Min/Max', 
    type: 'arearange', 
    lineWidth: 0, 
    fillColor: 'rgba(163, 163, 163, 0.2)', 
    lineColor: 'rgba(163, 163, 163, 0.2)', 
    zIndex: 0, 
    marker: { enabled: false, fillColor: 'rgba(163, 163, 163, 0.2)' }, 
    data: [[2.5,6.0000000000, 10.0000000000],[7.5,5.0000000000, 8.0000000000],[12.5,6.0000000000, 8.0000000000],[17.5,2.0000000000, 8.0000000000],[22.5,3.0000000000, 9.0000000000],[27.5,2.0000000000, 7.0000000000],[32.5,5.0000000000, 9.0000000000],[37.5,6.0000000000, 10.0000000000],[42.5,3.0000000000, 8.0000000000],[47.5,3.0000000000, 9.0000000000],[52.5,6.0000000000, 7.0000000000]] 
}]

非常感谢您提供的任何思路、提示或反馈！

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