Echarts动态获取数据颜色丢失的问题

解决图表颜色丢失的问题

问题描述：

使用Echarts饼图从后台请求数据时，请求成功后图表颜色丢失，变成纯黑色了。

问题原因：

visualMap: {
          show: false,
          min: 0,// 数据最小值的颜色明暗度
          max: 600,// 数据最大值的颜色明暗度
          inRange: {
            colorLightness: [0,1] // 表示颜色的明暗程度
          }
        },

出现纯黑的情况是因为数据太小了，而max中设置的又太高，导致了只能以最暗的情况展示所有数据。

解决思路：

一 、将max调小点。

二、将数据做处理

计算出各组数据的值在总量的比重后作为数组放在data内部，min和max设为0,1。
这样就能根据比重显示明暗度了。

当然，也可以在后端返回数据的时候将value直接返回为比重也行。或者说多返回一个总量，前端自行处理也阔以。