Highcharts चार्ट विकल्प पृष्ठभूमि का रंग: 'पारदर्शी' IE 8 पर काला दिखा

Question

Highchartsचार्ट विकल्प backgroundColor:'transparent'काला दिखा रहा हैIE 8

histogram = new Highcharts.Chart({
            chart: { renderTo: 'histogram', defaultSeriesType: 'bar',
                     backgroundColor:'transparent'
            }

यह I.E 9और दूसरों पर ठीक काम करता है लेकिन IE 8 और सफारी पर विफल रहता है किसी को भी कोई विचार क्यों है?

Answer 1

इस समाधान का प्रयास करें:

histogram = new Highcharts.Chart({
                chart: { renderTo: 'histogram', defaultSeriesType: 'bar',
                         backgroundColor:'rgba(255, 255, 255, 0.0)'
                }

Comments

पूरी तरह से पारदर्शी नहीं है। बॉक्स स्पष्ट रूप से देखा जाता है। nessa.gp के जवाब ने मेरे लिए काम किया।

— एड्रियन बार्थोलोम्यू

वह वर्कअराउंड है। के साथ बेहतर काम करता है backgroundColor:null।

— ViniciusPires

आपकी मदद के लिए धन्यवाद :)

— russellhoff

बैकग्राउंडर: 'आरजीबीए (255, 255, 255, 0.0)' से आपको पूरी पारदर्शिता मिलेगी

— नियो

Null अब HighCharts में काम नहीं करती है। इसके बजाय BackgroundColor: 'पारदर्शी' का उपयोग करें। (सभी आधुनिक ब्राउज़रों और IE11 + पर परीक्षण किया गया)।

— स्टीवंथेक्ग्युई

Answer 2

क्या आप यह कोशिश कर सकते हैं -

backgroundColor: null

पर देखें: jsfiddle

Comments

मयूरेश का जवाब यह एक अच्छा विकल्प है लेकिन यह भी काम करता है और अधिक साफ दिखता है।

— Capy

उत्तम! अगर मेरे पास देने के लिए केवल 10 अपवोट्स थे :) यह निश्चित रूप से सही, सुरुचिपूर्ण, एक-हैक समाधान नहीं है।

— काटो

मैं सहमत हूँ; यह संभवतः शीर्ष उत्तर होना चाहिए।

— ज्यॉफ

आपकी फ़ाइल अब टूट गई है जिसे Highcharts ने .js फ़ाइल से जोड़ा है जिसे आपने लिंक किया है। जैसा कि कहीं और उल्लेख किया गया है अशक्त हमेशा काम नहीं करेगा। nessa.gp का जवाब प्रत्येक ब्राउज़र के लिए सबसे अच्छा मामला मान देता है, जैसा कि खुद Highcharts द्वारा खोजा गया है।

— कोल्ट मैककॉर्मैक

यह ब्लैक बैकग्राउंड के साथ व्हाट्सएप्पटॉपटॉप समस्या को भी ठीक करता है।

— रोस्टीस्लाव डायचोक

Answer 3

मुझे यह हाईचरट्स स्रोतों में मिला:

TRACKER_FILL के लिए अनुभवजन्य सबसे कम संभव विकल्प

• IE6: 0.002
• IE7: 0.002
• IE8: 0.002
• IE9: 0.00000000001 (असीमित)
• IE10: 0.0001 (केवल निर्यात)
• एफएफ: 0.00000000001 (असीमित)
• क्रोम: 0.000001
• सफारी: 0.000001
• ओपेरा: 0.00000000001 (असीमित)

TRACKER_FILL = 'rgba (192,192,192,' + (hasSVG? 0.0001: 0.002) + ')'

इसलिए आप चार्ट पृष्ठभूमि का रंग 'rgba (255,255,255,0.002)' पर सेट कर सकते हैं और यह सबसे महत्वपूर्ण ब्राउज़रों में चलता है।

Answer 4

backgroundColor: 'transparent' यदि आपको सुरक्षा की आवश्यकता है, तो भी काम करना।

Answer 5

यदि आप highcharts.js फ़ाइल को बैकग्राउंड लाइन लाइन (लगभग 479) पर जा सकते हैं और लाइन को बदल सकते हैं backgroundColor:"rgba(255, 255, 255, 0)"। यह चार्ट की सभी पृष्ठभूमि को पारदर्शी में बदल देगा

Comments

और फिर आपको यह करना होगा कि हर बार जब आप लाइब्रेरी को अपडेट करें।

— ग्‍यूनोकनर

Answer 6

हो सकता है आपको लिखना पड़े

filter:0 !important;

अपनी सीएसएस में।

Answer 7

backgroundColor:'rgba(255, 255, 255, 0.0)',

Comments

हालांकि यह कोड स्निपेट प्रश्न को हल कर सकता है, जिसमें स्पष्टीकरण सहित वास्तव में आपकी पोस्ट की गुणवत्ता में सुधार करने में मदद करता है। याद रखें कि आप भविष्य में पाठकों के लिए प्रश्न का उत्तर दे रहे हैं, और वे लोग आपके कोड सुझाव के कारणों को नहीं जान सकते हैं।

— क्लिजस्टर