vue+echarts 饼图legend文字超出省略，hover时显示tooltip及数据，取消点击事件

前言
提示：echarts饼图legend文字太长要截取，鼠标悬浮再显示所有的文字并显示数据比例。取消点击图例消失效果，保留hover显示tooltip

1.初始echarts
配置向代码如下（示例）：
chartProductDataOption:{
tooltip: {
trigger: 'item',
formatter: "{a}
{b}: {c} ({d}%)"
},
color: [
"#00a0e9",
"#ff455b",
"#f39800",
"#62ff85"

vue+echarts 饼图legend文字超出省略，hover时显示tooltip及数据，取消点击事件最先出现在Python成神之路。