调整旭日形水平的饱和度 - Highcharts

Question

我用 Highcharts 创建了一个sunburst chart。我想要一种突出关卡的方法，最好是通过调整颜色饱和度，而不影响正在进行的关卡的颜色。

到目前为止我已经尝试过：

颜色变化(API docs) my code example
最初，这看起来像我需要的，它调整给定级别的颜色亮度，要么变暗要么变亮。不幸的是，它只需要一个to 参数，并没有等效的from，colorVariation 的目的似乎只是将颜色从父颜色渐变到给定的亮度修改值。

颜色(API docs) my code example
color 可用于更改给定级别的颜色，这不太符合我想要的标准，因为它将级别上的每个部分更改为相同的颜色。它还导致子级别继承新颜色，如示例中所示。设置 colorByPoint 也不能解决此问题，因为子级别将循环显示所有颜色，而不是匹配级别 1 父级中设置的颜色。

我想要达到的目标：

Answer 1

您可以使用内部 Highcharts brighten 方法来增亮颜色。下面，您可以找到一个示例，说明如何在您的案例中实现所需的结果：

    chart: {
        height: "600px",
        events: {
            load: function() {
                Highcharts.each(this.series[0].points, function(p) {
                    if (p.id[0] === '1' || p.id[0] === '3') {
                        p.graphic.attr({
                            fill: Highcharts.color(p.color).brighten(0.3).get()
                        });
                    }
                })
            }
        }
    },

现场演示：http://jsfiddle.net/BlackLabel/de3mp4tq/