하이 차트 영역 fillOpacity가 색상을 변경할 때 작동하지 않습니다.

Question

불투명도가 0.1 인 영역 차트가 필요합니다.

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/

Answer 1

색을 16 진수로 사용하십시오. 예 : 'red'대신 "#ff0000"을 사용하십시오.

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

Answer 2

나는 정확히 말할 수 없다 그 이유는 무엇인가.

하지만, 여기에 차트 레벨이

사용 유형에 대한 솔루션입니다

chart:{ 
type: 'area' 
} 

이 모든 시리즈 여기

에 적용되는 업데이트 된 바이올린은 http://jsfiddle.net/4HkXf/1/

이것이 당신에게 약간의 사용이되기를 바랍니다.

Answer 3

나는 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 
}] 

Answer 4

fillOpacity: 0.1, 
color: "rgb(0,0,0)" 

가 모든 브라우저에서 작동하는 것 같다

fillOpacity: 0.1, 
color: "#000" 

이 모든 브라우저에서 작동하지 않습니다.

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

는 부분적으로 해결하는 모든 브라우저