echarts 饼图encode

echarts 中的 encode 可以让我们方便地对数据进行编码和解码，将数据映射到图表上的不同维度。对于饼图来说，encode 可以用来指定数据项的名称、数值和对应的颜色。

比如，我们有如下数据：

const data = [
  { name: 'A', value: 10 },
  { name: 'B', value: 20 },
  { name: 'C', value: 30 },
  { name: 'D', value: 40 }
];

我们可以使用 encode 将数据编码成饼图所需要的格式：

option = {
  series: [
    {
      type: 'pie',
      data: data,
      encode: {
        itemName: 'name', // 对应数据项的名称
        value: 'value', // 对应数据项的数值
        tooltip: 'value', // 对应提示框中显示的数值
        color: '#ff7f50' // 对应数据项的颜色
      }
    }
  ]
};

这样，我们就可以将数据项的名称、数值和颜色都编码到饼图中了。同时，我们也可以通过 decode 来解码数据项的值，例如：

const chart = echarts.init(document.getElementById('chart'));
const item = chart.convertToPixel('series', [2, 30]);
const value = chart.decode('series.encode.value', item[1]);
console.log(value); // 输出 30

这里的 decode 函数可以根据 encode 的配置来将图表上的像素值解码成数据项的值。