highcharts - 组织结构图双色一盒

Question

我的问题是我需要为 1 个框（框=任务框，背景是带有颜色的样式栏：）设置 2 种颜色的样式。例如，一个任务完成了 20%，正常的盒子是黄色的。但是 20% 应该是深黄色，表示任务完成了 20%。有什么可能的方法可以非常顺利地做到这一点。在此先感谢 Juli.w （我很抱歉我的英语不好，我是德国人 :)）

标签： highchartscolorsproject-organization

Answer 1

您可以将颜色定义为 aHighcharts.GradientColorObject以实现所需的结果：

    nodes: [..., {
            ...,
            color: {
                linearGradient: {
                    x1: 0,
                    x2: 1,
                    y1: 0,
                    y2: 0
                },
                stops: [
                    [0, '#fffdaa'], // start
                    [0.25, '#fffdaa'], 
                    [0.25, '#878300'], 
                    [1, '#878300'] // end
                ]
            }
        }
    ]

现场演示： https ://jsfiddle.net/BlackLabel/r6qxgLtm/

API 参考： https ://api.highcharts.com/class-reference/Highcharts.GradientColorObject