设置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/