Javascript 如何将echart图例图标放置在关卡中心

我需要像这样的传奇：

我已尝试使用此代码：

legend: {
    icon: "circle",
    left: 10,
    data: ['Very High', 'Hight', 'Moderate', 'Low'],
    orient: 'vertical',
    formatter: '{name} {icon} {value}',
    textStyle: {
        color: "rgba(255, 255, 255, 0.7)",
    }
}

但它显示如下：

有谁能告诉我如何将左边的图标放在文本的中心吗

---

代码可以通过常规方法进行测试，这可能是不可能的

图例格式设置程序仅支持

{name}

。如果我理解正确，它的作用只是显示度量单位。遗憾的是，Legend不是定制最方便的组件，但Echarts通常允许您在合理的范围内做任何事情

通常，您至少有两种方式可以获得您想要的：

我们可以禁用默认组件，并使用（）从头开始绘制新组件，或者通过创建自己的扩展。唉，如果你只想把时间花在一张图表上，这是很困难的

将最合适组件的视觉部分样式化为所需结果的另一种方法。事实上，它只是即兴模仿，没有实施。然而，它快速、简单，尽管有一些限制，但可以覆盖大量案例。这看起来像你的图片（没有设计），尝试使用和自定义它

此外，我们还可以超越Echarts作为主要工具，使用HTML+CSS。在这种情况下，Echarts仅作为一个代理。这个选项可能是最方便的，因为用HTML构建UI有点简单，我们可以使用现成的模板

---

非常感谢。这对我帮助很大。我可以禁用完整的图例并使用html/css吗？如果您有任何示例参考，那将非常好。对于禁用图例，您需要设置

图例：{show:false}

。例如，您可以在github（）上找到图例模板。还可以查看（）这是一个很棒的d3.js插件，您可以获得有关图例解剖的知识。可以帮助我回答这个问题吗？是的，请参阅答案