ハイチャートが背景色と不透明度を設定しました

Question

領域の種類のチャートのハイチャートで背景色と不透明度を設定する方法はありますか？

文書によると、色をrgb値として指定して不透明度を追加することで、不透明度を設定する必要があります。しかし、私がこれを行うと、黒の塗りつぶし色が得られます。以下は、私のコードは、明示的なfillcolorのを設定すると、fillOpacityが適用されないことを

<script type="text/javascript"> 
$(function() { 
var javascriptArray = <?php echo json_encode($array);?>; 
var newjavascriptArray = <?php echo json_encode($uniqueDates);?>; 
var valueArray = <?php echo json_encode($total); ?>; 
var js_array2 = [5, 10, 15]; 
    $('#container').highcharts({ 
    credits : { 
    enabled: false 
}, 
exporting: 
{ 
    enabled: false 
}, 
    chart: { 
     backgroundColor: '#10416A', 
     type: "area" 

    }, 
    title: { 
    style : { 
     color: "white" 
    }, 
     text: "Progress" 
    }, 
    subtitle: { 
    style : { 
     color: "white" 
    }, 
     text: 'Village Print & Media' 
    }, 
    xAxis: { 
    // gridLineWidth: 0, 
    // lineWidth: 0, 
    // minorGridLineWidth: 0, 
    title:{ 
     style: { 
     color : "white" 
     }, 
     margin: 50, 
     text: "February" 
    }, 
    labels: { 
    style : { 
     color: "white" 
    }, 
    }, 
    categories: newjavascriptArray 
    }, 
    yAxis: { 
    allowDecimals: false, 
     title: { 
     style: { 
      color : "white" 
     }, 
      text: "Points" 
     }, 
     labels : { 
     style: { 
      color: "white" 
     }, 
     }, 
    }, 

     plotOptions: { 

     series: { 
     color: "#00A6CE", 
     lineColor: "#00A6CE", 
     fillColor: 'rgb(0, 166, 206, 0.4)', 
     // fillOpacity: 0.8, 
     marker : { 
      fillColor: "#00A6CE" 
     }, 
     }, 
     line: { 
      dataLabels: { 
       enabled: false 
      }, 
      enableMouseTracking: true 
     } 


    }, 
    legend: { 
     layout: 'vertical', 
     align: 'right', 
     verticalAlign: 'middle', 
     borderWidth: 2, 
     color: "white" 
    }, 
    series: [{ 
     name: 'Points Ray', 
     color: "white", 
     dataLabels: { 
     color:"white" 
     }, 
     data: valueArray 
    }] 
}); 
}); 

Answer 1

http://api.highcharts.com/highcharts#plotOptions.area.fillOpacity

注意です。

したがって、fillOpacityプロパティは使用できません。

私はあなたのコードを試してみたと fillColor: 'rgb(0, 166, 206, 0.4)' は不透明度をサポートしていませんが、それは fillColor: 'rgba(0, 166, 206, 0.4)'

で正しく動作するには、このヘルプを願っています。