设置Highcharts饼图的不透明度答案

【问题标题】：Set opacity of Highcharts pie chart设置Highcharts饼图的不透明度
【发布时间】：2023-03-17 06:01:03
【问题描述】：

在设置饼图的不透明度时，我遇到了 IE8 的问题。我尝试如下，

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

应用此功能后，饼图点变得不可见，并且它们的边框变为灰色。

有人知道解决办法吗？

【问题讨论】：

如果您找到了解决方案，那么最好将其发布为答案并接受答案。

标签： css internet-explorer opacity highcharts pie-chart

【解决方案1】：

试试这个：

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/

【讨论】：

【解决方案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)'

      }]
   });


});

注意最后一个用颜色定义的系列。

【讨论】：

【解决方案3】：

我跟着http://highslide.com/forum/viewtopic.php?f=9&t=7622 解决了我的问题

【讨论】：