Highcharts set background color and opacity

Question

Есть ли способ установить цвет фона и непрозрачность в высоких диаграммах для диаграммы, имеющей область типа?

В соответствии с документацией вы должны установить непрозрачность, указав цвет как значение rgb, а затем добавив значение непрозрачности. Однако, когда я это делаю, я получаю, чтобы цвет заливки был черным. Ниже мой код

<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

Обратите внимание, что при установке явно FillColor, то fillOpacity не применяется.

Таким образом, вы не можете использовать свойство fillOpacity.

Я попробовал ваш код и fillColor: 'rgb(0, 166, 206, 0.4)' не поддерживает прозрачность, но он корректно работает с fillColor: 'rgba(0, 166, 206, 0.4)'

Надеется, что это помощь.