2013-06-10 12 views
11

बदलते काम नहीं करते मैं अस्पष्टता 0.1 के साथ एक क्षेत्र चार्ट चाहते हैं। मैं रंग निर्दिष्ट नहीं करते हैं, सब कुछ ठीक काम करता है:Highcharts क्षेत्र fillOpacity जब रंग

plotOptions: { 
    series: { 
     fillOpacity: 0.1 
    } 
} 
series: [{ 
    name: '1', 
    data: [1,2,3], 
    type: 'area' 
} 

लेकिन जब मैं रंग बदलते हैं, अस्पष्टता को नजरअंदाज कर दिया जाता है:

plotOptions: { 
    series: { 
     fillOpacity: 0.1 
    } 
} 
series: [{ 
    name: '2', 
    data: [0,1,2], 
    type: 'area' 
    color: 'red' 
} 

देखें http://jsfiddle.net/4HkXf/

उत्तर

16

रंग का उपयोग करें के रूप में हेक्स यानी 'लाल' के स्थान पर "#ff0000"

http://jsfiddle.net/4HkXf/3/

+1

वाह! मैंने सोचा था कि '" # ff0000 "' और '" लाल "' हैं बराबर ... – mirelon

+1

मैं इसे काम करने के लिए '# 333333' को' # 333' से बदलना पड़ा। कितना लचीला है। – michelpm

0

मैं बिल्कुल नहीं कह सकता क्या कारण है।

लेकिन, यहाँ चार्ट स्तर में यह

उपयोग प्रकार के लिए समाधान है

chart:{ 
type: 'area' 
} 

यह सब श्रृंखला

यहाँ

को लागू किया जाएगा अपने अद्यतन बेला है http://jsfiddle.net/4HkXf/1/

उम्मीद है कि यह आपके लिए कुछ उपयोग होगा।

+0

धन्यवाद पर काम नहीं करता है, जो आंशिक रूप से इसे हल है, लेकिन समस्या यह है, कि मेरे चार्ट दो श्रृंखला है - लाइन और क्षेत्र। क्षेत्र में अस्पष्टता होनी चाहिए ताकि रेखा देखी जा सके। – mirelon

+0

यहाँ वास्तविक समस्या के साथ बेला अद्यतन किया जाता है: http://jsfiddle.net/4HkXf/2/ – mirelon

+0

मैं http://jsfiddle.net/4HkXf/5/ पर अपने jsfiddle नवीनीकृत किया है, मैं इसे समस्या का हल लगता – Strikers

4

मैं rbga का उपयोग कर fillOpacity को दूर करने, और बदले रंग के हिस्से के रूप अस्पष्टता को निर्दिष्ट करके इसका समाधान नहीं:

series: [{ 
    name: 'Buy/Sell ', 
    data: data.shares_change, 
    type: 'column', 
    color: 'rgba(0,128,0,0.4)', // #080 
    negativeColor: 'rgba(128,0,0,0.4)', // #800 
    pointWidth: 8 
}] 
1
fillOpacity: 0.1, 
color: "rgb(0,0,0)" 

सभी ब्राउज़रों पर काम करने के लिए लगता है

fillOpacity: 0.1, 
color: "#000" 

सभी ब्राउज़रों पर काम नहीं करता है

color: "rgba(0,0,0,0.1)" 

सभी ब्राउज़रों

संबंधित मुद्दे