echart环形饼图--hover圆环时去除样式+中间显示数值_echart 环形图 hover

圆环hover时会有如下问题，颜色浅的会消失，只需要设置如下即可

emphasis: {
  scale: false,
  itemStyle: {
    color: 'inherit'
  }
},

结果如下：

 将数值设置在中间的方法：

title: {
      text: [
        '{value|60分}',
        '{name|同比上升20%}'
      ].join('\n'),
      textStyle: {
        rich: {
          value: {
            color: '#303133',
            fontSize: chartRem(30),
            fontWeight: 'bold',
            lineHeight: chartRem(40)
          },
          name: {
            color: '#909399',
            fontSize: chartRem(20),
            lineHeight: chartRem(20)
          }
        },
      },
      top: 'center',
      left: chartRem(200),
      textAlign: 'center',
    },

 chareRem为用Rem时设置的比例，可以去掉

export default function chartRem(params) {
  const clientWidth =
      window.innerWidth ||
      document.documentElement.clientWidth ||
      document.body.clientWidth
  if (!clientWidth) return
  const fontSize = (clientWidth / 2560)
  return params * fontSize
}