मेरी समस्या यह है कि मुझे 2 रंगों के साथ 1 बॉक्स (बॉक्स = टास्क बॉक्स, पृष्ठभूमि रंग के साथ स्टाइलबार है :) को स्टाइल करने की आवश्यकता है। तो उदाहरण के लिए एक कार्य 20% किया जाता है, सामान्य बॉक्स पीला होता है। लेकिन २०% गहरे पीले रंग का होना चाहिए, यह दर्शाता है कि कार्य २०% पूर्ण हो गया है। क्या इसे बहुत आसानी से करने का कोई संभावित तरीका है। अग्रिम धन्यवाद Juli.w (और मेरी खराब अंग्रेजी के लिए मैं sry, मैं जर्मन हूँ :))

1
Juli.w 4 जून 2019, 10:39

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/

एपीआई संदर्भ: https://api.highcharts.com/ क्लास-रेफरेंस/हाईचार्ट्स.ग्रेडिएंटकोलरऑब्जेक्ट

0
ppotaczek 4 जून 2019, 07:54