话不多说，先上效果图。 要完成这个图并不难，主要是下面那个图例比较难，需要定制。 让我们从官方文档找找思路，官方文档关于legend.formatter是这样的：链接在这 难点在于： 1.这里的图例文本包含两个变量，而formatter提供的变量模板只有name 2. ...

原文 话不多说，先上效果图。 要完成这个图并不难，主要是下面那个图例比较难，需要定制。 让我们从官方文档找找思路，官方文档关于legend.formatter是这样的：链接在这 难点在于： 1 2 3 ...

formatter有两种形式： - 模板 - 回调函数 模板 使用字符串模板，模板变量为图例名称 {name} formatter: 'Legend {name}' 回调函数 formatter: function (name) { return 'Legend ...

效果图 ...

场景：如下图，饼图图例显示样式 方法一、利用富文本rich与formatter回调 查阅echarts官方文档，legend图例配置中： 1.单独配置多个图例； 2.利用rich富文本定义样式 这里不做赘述，按照产品设计图调整样式，并在formatter回调函数中返回 ...

封装 传值处理 ...

legend: { // 图例 orient: 'vertical', left: 'right', icon: 'circle ...

最后：写的时候遇见一个小问题，改了icon图例变成空白了，后来发现是要和series里面的name对应起来 ...