echarts - echart 环形鼠标悬浮环会变大

问题描述

问 题

1.Option配置如下
{

            color: ['#ff4400', '#ffde2a'],
            tooltip : {
                trigger: 'item',
                formatter: "{d}%",
                show:false,
                enterable:true
            },
            legend: {
                orient : 'vertical',
                x : 'center',
                y:"center",
                data:[percent*100+"%"],
                textStyle:{color:"#ff4400",fontSize:20},
                selectedMode:false,
                itemWidth:0
            },
            calculable : false,
            series : [
                {
                    name:'比例',
                    type:'pie',
                    center : ['50%', '50%'],
                    radius : ['50px', '55px'],
                    itemStyle : {
                        normal : {
                            label : {
                                show : false
                            },
                            labelLine : {
                                show : false
                            }
                        },
                        emphasis : {
                            label : {
                                show : false,
                                position : 'center',
                                textStyle : {
                                    fontSize : '18',
                                    fontWeight : 'bold'
                                }
                            }
                        }
                    },
                    data:[
                        {value:percent, name:percent*100+"%"},
                        {value:(1-percent), name:''}
                    ]
                }
            ]
        };

2.生成的图标鼠标悬浮上去会变大

求大神指教如何才能使鼠标悬浮上去的时候不做任何操作，也就是不产生变大的效果

解决方案

series : [
                {
                    name:'比例',
                    type:'pie',
                    hoverAnimation:false,
                    center : ['50%', '50%'],
                    radius : ['50px', '55px'],
                    itemStyle : {
                        normal : {
                            label : {
                                show : false
                            },
                            labelLine : {
                                show : false
                            }
                        },
                        emphasis : {
                            label : {
                                show : false,
                                position : 'center',
                                textStyle : {
                                    fontSize : '18',
                                    fontWeight : 'bold'
                                }
                            }
                        }
                    },
                    data:[
                        {value:percent, name:percent*100+"%"},
                        {value:(1-percent), name:''}
                    ]
                }

hoverAnimation:false

这篇关于echarts - echart 环形鼠标悬浮环会变大的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！