组织结构图双色一盒

Question

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

Answer 1

您可以将颜色定义为 Highcharts.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

组织结构图双色一盒

Organization Chart Double Color in 1 Box

colors

project-organization

highcharts