如何从highcharts JAVASCRIPT中移除悬停时的外部阴影

How to remove outer shadow when hovered from highcharts JAVASCRIPT

本文关键字:悬停 外部 阴影 highcharts JAVASCRIPT      更新时间:2023-09-26

我在消除了高图周围的阴影之后,目前在饼状图的区域上有一个阴影,如下图所示:

我也得到文本在饼状图的中心。

例子

代码如下:

 $(function() {
    // Create the chart
    Highcharts.setOptions({
    colors: ['#26d248', '#323232']
});
    chart = new Highcharts.Chart({
      chart: {
            renderTo: 'summoner-pie-container',
            type: 'pie',
             backgroundColor:'transparent'
        }, plotOptions: {
        series: {
            marker: {
                states: {
                    hover: {
                        enabled: false
                    }
                }
            }
        },
        pie: {
            borderWidth: 0
        } 
    },

      title: {
text: '',
style: {
    display: 'none'
}
}, credits: {
  enabled: false
}, exporting: {
    buttons: {
        contextButton: {
            enabled: false
        }    
    }
 },
 tooltip: {
            formatter: function() {
                return '<b>'+ this.point.name +'</b>: '+ this.y;
            }
        },
        series: [{
            data: [["Damage Dealt",34000],["Team Damage Dealt",86423]],
            size: '60px',
            innerSize: '70%',
            dataLabels: {
                enabled: false
            }
        }]
    });

   });
http://jsfiddle.net/HpdwR/1994/

工具提示设置:

tooltip: {
    formatter: function() {
        return '<b>'+ this.point.name +'</b>: '+ this.y;
    }
},

您需要添加shadow: false

tooltip: {
  formatter: function() {
        return '<b>'+ this.point.name +'</b>: '+ this.y;
  },
  shadow: false
}

同样,在你的plotOptions中,你需要基本上删除对象中的marker层,如下所示:

plotOptions: {        
    series: {
        states: {
            hover: {
                enabled: false
            }
        }
    },
工作小提琴

()