场景:鼠标进入(或点击)饼状图区域,高亮该区域,其他区域灰白色。想要去掉置灰功能,百度好久都没有查到对应的API相关配置,无奈之下只能通过CSS样式了实现。
现状:未选中模块:背景色、标签字体、链接线透明度变成opacity:0.2,导致整体置灰效果。
截图:
期望:未选中的模块整体颜色跟正常保持一致。
通过CSS来实现控制达到期望的效果。
// 扇形未透明度
/deep/ .highcharts-point-inactive {
opacity: 1;
}
// label透明度
/deep/ .highcharts-data-label {
opacity: 1;
}
// 链接线透明度
/deep/ .highcharts-data-label-connector {
opacity: 1;
}
最终效果图: