Javascript 在点击点上保持标记状态-树形图-Highchart

我正在处理TreeMap，在这里，我能够在特定数据点的悬停处提供borderColor。在这个fiddle链接中也是一样-->

但我需要这样一个要求：我应该在点击一个特定的数据点时获得相同的borderColor（告诉用户该点已被选中），并且borderColor应该一直保持，直到我再次点击同一点或者在绘图区域之外的某个地方。（我看到这个功能在气泡图中可用，在TreeMap中也需要）。此外，我应该能够选择多个点和所有选定的点应该有相同的边界颜色

目前，TreeMap的select事件使用我不想使用的不同颜色填充整个点。只能更改边框颜色。如何在TreeMap中实现这一点

$（函数（）{
$（“#容器”）。高图({
“图表”：{
“宽度”：640，
“高度”：480
},
“颜色轴”：{
“minColor”：“202020”，
“maxColor”：“#B0”
},
“标题”：{
“文本”：“数据标签样本”
},
“副标题”：{
“文本”：空
},
“学分”：{
“已启用”：false
},
“工具提示”：{
“已启用”：false
},
“打印选项”：{
“系列”：{
“国家”：{
“悬停”：{
“边框颜色”：“#0000FF”，
“边框宽度”：1
}
}
}
},
“传奇”：{
“对齐”：“右”，
“布局”：“垂直”，
“垂直排列”：“中间”，
“符号高度”：380，
“已启用”：真
},
“系列”：[{
“类型”：“树映射”，
“布局算法”：“squarified”，
“allowDrillToNode”：true，
“数据标签”：{
“已启用”：false
},
“级别”：[{
"一级",，
“数据标签”：{
“启用”：正确，
“颜色”：“FFFFFF”，
“allowOverlap”：错误，
“对齐”：“居中”，
“风格”：{
“fontWeight”：“正常”，
“fontSize”：“24px”，
“fontStyle”：“正常”，
“fontFamily”：“开放式无衬线、Arial、Helvetica、无衬线”，
“textShadow”：空
},
“溢出”：错误
},
“边框宽度”：1
}],
“数据”：[{
“id”：“服装”，
“名称”：“服装”，
“价值”：130.1，
“颜色值”：130.1，
“扩展”：错误，
“canexpand”：错误
}, {
“id”：“鞋类”，
“名称”：“鞋类”，
“价值”：90.7，
“颜色值”：90.7，
“扩展”：错误，
“canexpand”：正确
}, {
“id”：“附件”，
“名称”：“附件”，
“价值”：180.5，
“颜色值”：180.5，
“扩展”：错误，
“canexpand”：正确
}]
}]
});
});
#容器{
最小宽度：300px；
最大宽度：600px；
保证金：0自动；
}
您可以设置选择状态并将
颜色配置为false
。下一步是配置数据标签，方法是将
useHTML设置为true，zIndex设置为30

示例：
这很酷。但在上面的问题中，我忘了再提一点。是否可以使未选择的其他数据点变暗？（类似于更改未选定数据点的不透明度，以便只关注选定数据点）。如果除了上面的回复，这也是可能的，我的要求就满足了：）提前谢谢。你可以为所有系列自定义颜色（由rgba（122122,0.5））设置，其中最后一个参数是不透明度。对于选择状态设置颜色rgba（122122,1），非常感谢Sebastian。将调查神智正常的人。谢谢。喜欢Highcharts的响应速度。：）你们摇滚。（）我可以改变选定点的不透明度。但我需要另一种方式。我需要减少未选中点的不透明度，以便用户只关注选中点。当其他未选定点的不透明度降低时，选定点应具有蓝色边框以指示已选定。您只能通过将颜色设置为“按rgba系列”来使用解决方法。