调整朝阳水平的饱和度-高图

时间:2018-09-27 13:43:16

标签: javascript highcharts sunburst-diagram

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

到目前为止,我已经尝试过:

colorVariation (API docs) my code example
最初,这看起来像我所需要的,它可以调整给定级别的颜色亮度,使它变暗或变亮。不幸的是,它只需要一个to参数,而没有等效的fromcolorVariation的目的似乎只是将颜色从父级颜色渐变为给定的亮度修改器值。

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

我要实现的目标:

goal

1 个答案:

答案 0 :(得分:0)

您可以使用内部Highcharts @import './mixins/breakpoints2'; 方法增亮颜色。在下面,您可以找到一个如何根据您的情况获得所需结果的示例:

brighten

实时演示:http://jsfiddle.net/BlackLabel/de3mp4tq/