設置Highcharts餅圖的不透明度

Question

我對IE8有問題，同時設置了餅圖的不透明度。我試着如下，

.highcharts-point { 
    filter:alpha(opacity=40); 
} 

當應用這個時，餅圖點變得不可見，它們的邊界變成灰色。

有誰知道解決方案嗎？

Answer 1

我跟着這個，http://highslide.com/forum/viewtopic.php?f=9&t=7622和解決我的問題

Answer 2

您可以設置一系列的顏色：

var chart; 
$(document).ready(function() { 
    chart = new Highcharts.Chart({ 
     chart: { 
     renderTo: 'container', 
     defaultSeriesType: 'column' 
     }, 
     xAxis: { 
     categories: ['1','2'] 
     }, 
     plotOptions: { 
     column: { 
      pointPadding: 0.2, 
      borderWidth: 0 
     } 
     }, 
      series: [{ 
     name: 'Tokyo', 
     data: [95.6, 54.4] 

     }, { 
     name: 'New York', 
     data: [106.6, 92.3] 

     }, { 
     name: 'London', 
     data: [59.3, 51.2] 

     }, { 
     name: 'Berlin', 
     data: [46.8, 51.1], 
     color: 'rgba(150,100,50,0.5)' 

     }] 
    }); 


}); 

注意顏色定義還有最後一個系列。

Answer 3

試試這個：

chart = new Highcharts.Chart({ 
    chart: { 
    renderTo: 'container', 
    defaultSeriesType: 'column', 
    type: 'area', //this is also needed 
    }, 
    plotOptions: { 
     series: { 
      fillOpacity: 0.1 
     } 
    }, ... 

的jsfiddle：http://jsfiddle.net/4HkXf/1/