首页 文章

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

提问于
浏览
1

我用Highcharts创建了一个sunburst chart . 我想要一种方法来突出一个级别,理想情况是通过调整颜色饱和度,而不影响前进级别的颜色 .

到目前为止我尝试了什么:

colorVariation (API docs) my code example
最初,这看起来像我需要的,它调整给定水平的颜色亮度,或者变暗或变亮 . 不幸的是,它只需要 to 参数,并且没有等效的 fromcolorVariation 的目的似乎只是将颜色从父颜色逐渐变为给定的亮度修饰值 .

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

我想要实现的目标:

1 回答

  • 0

    您可以使用内部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/

相关问题