【问题标题】: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】:

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-04-28
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-03-31
        • 1970-01-01
        • 2013-11-17
        • 2014-09-05
        相关资源
        最近更新 更多