echarts饼图解析html标签,如图，用了echarts页面为什么不识别html标签？

Echarts 是一个纯 JavaScript 的可视化库，它本身并不支持解析 HTML 标签。如果你在 Echarts 的饼图中使用了 HTML 标签，那么这些标签会被直接显示出来而不会被解析。

如果你需要在饼图中显示 HTML 内容，可以考虑使用富文本组件。富文本组件可以在 Echarts 中实现 HTML 的解析和渲染，同时还支持自定义样式和布局等功能。

以下是一个使用富文本组件的饼图示例：

option = {
    series: [{
        type: 'pie',
        data: [
            {value: 335, name: '直接访问'},
            {value: 310, name: '邮件营销'},
            {value: 234, name: '联盟广告'},
            {value: 135, name: '视频广告'},
            {value: 1548, name: '搜索引擎'}
        ],
        label: {
            formatter: '{b}: {@[0]} ({d}%)'
        },
        emphasis: {
            label: {
                show: true,
                fontSize: '30',
                fontWeight: 'bold'
            }
        },
        radius: [0, '50%'],
        center: ['50%', '50%'],
        encode: {
            itemName: 'product',
            value: 'value'
        },
        itemStyle: {
            normal: {
                color: '#c23531'
            }
        }
    }, {
        type: 'pie',
        data: [
            {value: 335, name: '直接访问'},
            {value: 310, name: '邮件营销'},
            {value: 234, name: '联盟广告'},
            {value: 135, name: '视频广告'},
            {value: 1548, name: '搜索引擎'}
        ],
        label: {
            show: false
        },
        radius: ['60%', '80%'],
        center: ['50%', '50%'],
        encode: {
            itemName: 'product',
            value: 'value'
        },
        itemStyle: {
            normal: {
                color: '#2f4554'
            }
        }
    }, {
        type: 'pie',
        data: [
            {
                value: 100,
                name: '<span style="color:red">测试</span>'
            },
            {
                value: 200,
                name: '<span style="color:blue">测试</span>'
            }
        ],
        label: {
            formatter: function(params) {
                return (
                    '{a|' +
                    params.name +
                    '}{b|}\n{c|' +
                    params.value +
                    '}'
                );
            },
            rich: {
                a: {
                    color: '#333',
                    fontSize: 14,
                    lineHeight: 20
                },
                b: {
                    width: 10,
                    height: 10,
                    borderRadius: 10,
                    backgroundColor: '#c23531',
                    display: 'inline-block',
                    marginLeft: 10
                },
                c: {
                    color: '#333',
                    fontSize: 14,
                    lineHeight: 20
                }
            }
        },
        emphasis: {
            label: {
                show: true,
                fontSize: '30',
                fontWeight: 'bold'
            }
        },
        radius: [0, '40%'],
        center: ['20%', '50%'],
        encode: {
            itemName: 'product',
            value: 'value'
        },
        itemStyle: {
            normal: {
                color: '#c23531'
            }
        }
    }]
};

在上面的示例中，第三个饼图使用了富文本组件来显示 HTML 内容。你可以在 `name` 中使用 HTML 标签，并在 `formatter` 属性中定义富文本的布局和样式。