echarts柱状图y轴展示百分比，鼠标移入label展示数值

1、y轴为百分比，但是数据不带单位（%）

echarts官网提供的是y轴展示数据和label同步，都是柱条数值，我们只需要将该数值数组做一次转换，再赋值给series的data就可以实现

核心要点：

1、将原本的data数组做一个转换，计算得到百分比，赋值给series的data

that.proportion = value.map(item => Math.round(parseFloat(item) / parseFloat(this.sum(value)) * 10000) / 100);

2、鼠标移入高亮显示时，再用每根柱条的百分比*总数值转换回原本的值

let num = Math.round(that.sum(value) * params.data / 100);

完整代码如下：

---

 2、y轴为百分比，且数据带有单位（%） 

效果图：

​​​​​​​

 

   根据官方给出的写法：

        给yAxis配置一个min，max，以及axisLabel中的formatter属性，其余配置同上。

yAxis: [
    {
       min:0,   //最小百分比
       max:100, //最大百分比
       type: 'value',
       // name: '单位（%）',
       nameGap: 35,
       nameTextStyle: { color: '#666666' },
       axisTick: { show: false },
       axisLabel: {
            show: true,
            interval: 0, // 使x轴文字显示全
            color: '#666666',
            formatter: '{value}%'  //y轴数值，带百分号
       },
       axisLine: { show: true, lineStyle: { color: '#dddddd' } },
       splitLine: { lineStyle: { type: 'dashed', color: '#eeeeee' } }
     }
],