Организационная структура двойной цвет в 1 коробке

Question

моя проблема в том, что мне нужно стилизовать 1 поле (Box = Task Box, фон - это панель стилей с цветом :) с 2 цветами.Так, например, задача выполнена на 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