채우기 불투명도가있는 여러 데이터 표시 highcharts

Question

다른 색상으로 하이 차트에있는 여러 데이터를 서로 비교하고 싶지만 하나의 데이터 세트가 다른 데이터 세트를 완전히 과시합니다. 두 데이터 세트를 더 나은 비교를 위해 표시해야합니다.

$(function() { 
// Create the chart 
$('#container').highcharts('StockChart', { 
rangeSelector : { 
    selected : 1 
     }, 
    title : { 
     text : 'AAPL Stock Price' 
     }, 

     series : [{ 
     name : 'AAPL Stock Price', 
     data : [[1146441600000,6], 
          [1146528000000,5], 
          [1146614400000,10], 
          [1146700800000,7], 
          [1146787200000,12], 
          [1147046400000,8], 
          [1147132800000,9]], 
      type : 'area', 
      color:'red' 
     },{ 
      name : 'AAPL Stock Price', 
      data : [ 
            [1146787200000,22], 
            [1147046400000,18], 
            [1147132800000,1]], 
      type : 'area', 
      color:'green' 
     }] 
    }); 

});

색상으로이 바이올린을 http://jsfiddle.net/swesh/ughPE/3/

Answer 1

당신이 사용할 수있는 '() RGBA'을 참조 또는 16 진수로 정의하고 아래의 예에서와 같이 fillOpacity 매개 변수를 사용합니다.

대신`유형의

http://jsfiddle.net/ughPE/7/