जावास्क्रिप्ट D3.js 0 पारदर्शी रंग में पारदर्शी रंग

Question

संपादित करें: मेरे पास d3.js. के साथ उत्पादित एक एसवीजी ग्राफ है ग्राफ का भरा क्षेत्र सीएसएस नियमों द्वारा रंगीन है। मैं क्षेत्रों को अर्द्ध पारदर्शी होना चाहता हूं ताकि आप सबसे प्रमुख ग्राफ क्षेत्र द्वारा अस्पष्ट डेटा देख सकें।

मूल:

वहाँ वैसे भी इस ग्राफ के रंग पारदर्शी बनाने के लिए है? http://jsfiddle.net/skys331/QBDGB/22/ मैं हरे रंग के डेटा के पीछे देखने में सक्षम होना चाहता हूं।

धन्यवाद

Answer 1

हां। तुम इतनी तरह भरने के लिए transparent उपयोग कर सकते हैं,:

.line1 { 
    fill: transparent; 
    ... 
} 

आप वैकल्पिक रूप से .line1 तत्व की अस्पष्टता सेट कर सकते हैं:

.line1 { 
    fill: green; 
    opacity: 0.5; 
} 

या एक अल्फा घटक के साथ rgba (आरजीबी रंग हमें भरने सेट):

.line1 { 
    fill: rgba(0, 128, 0, 0.5); 
} 

Answer 2

हरे रंग के अपारदर्शिता जोड़ें:

.line1 { 
    fill: green; 
    stroke: black; 
    stroke-width: 1.5px; 
    opacity:0.5; 

} 

अपने बेला संपादित: http://jsfiddle.net/QBDGB/23/