使用E Charts库绘制饼图，数据可自定义。要求包含：图例配置项、标签配置项等内容并添加富文本设置其数据项（字体颜色：黑色；字体大小：15；行高：24；）和数值（字体颜色：红色；字体大小：14；行高：20）。

好的，下面是使用 ECharts 库绘制饼图的代码示例，包含了图例配置项和标签配置项，以及富文本设置数据项和数值的要求：

HTML 代码：

<div id="pie-chart" style="width: 600px; height: 400px;"></div>

JavaScript 代码：

// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('pie-chart'));

// 配置项
var option = {
  title: {
    text: '饼图示例',
    left: 'center'
  },
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br/>{b}: {c} ({d}%)'
  },
  legend: {
    orient: 'vertical',
    left: 'left',
    data: ['数据1', '数据2', '数据3', '数据4', '数据5']
  },
  series: [
    {
      name: '数据来源',
      type: 'pie',
      radius: ['50%', '70%'],
      avoidLabelOverlap: false,
      label: {
        show: true,
        position: 'center',
        formatter: '{a|{a}}\n{hr|}\n{b|{b}}',
        rich: {
          a: {
            fontSize: 15,
            lineHeight: 24,
            color: '#000'
          },
          hr: {
            borderColor: '#aaa',
            width: '100%',
            borderWidth: 0.5,
            height: 0
          },
          b: {
            fontSize: 14,
            lineHeight: 20,
            color: '#f00'
          }
        }
      },
      labelLine: {
        show: false
      },
      data: [
        {value: 335, name: '数据1'},
        {value: 310, name: '数据2'},
        {value: 234, name: '数据3'},
        {value: 135, name: '数据4'},
        {value: 1548, name: '数据5'}
      ]
    }
  ]
};

// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);

在上面的代码中，我设置了 `a`、`b` 两个富文本标签，分别用来显示数据项和数值。在 `label` 配置项中，我设置了 `formatter` 属性，用来控制标签的显示内容。其中，`{a|{a}}` 表示使用 `a` 标签显示数据项，`{hr|}` 表示添加一个分割线，`{b|{b}}` 表示使用 `b` 标签显示数值。在 `rich` 配置项中，我分别设置了 `a`、`b` 标签的样式，包括字体大小、颜色和行高等属性。