[apache/echarts]label's formatter doesn't support HTML

2024-07-04 320 views
6
One-line summary [问题简述]

tooltip的formatter可以返回HTML,但是label的formatter不支持HTML

Version & Environment [版本及环境]
  • ECharts version [ECharts 版本]: 3
  • Browser version [浏览器类型和版本]: Chrome
  • OS Version [操作系统类型和版本]: Mac
Expected behaviour [期望结果]

期望label的formatter支持HTML

ECharts option [ECharts配置项]
option = {
  "series": [
    {
      "type": "pie",
      "itemStyle": {
        "normal": {
          "label": {
            "formatter": "任务:<BR/>{b}", // 不能用HTML
          }
        }
      },
      "data": [
        {
          "value": 5,
          "name": "成功任务"
        },
        {
          "value": 3,
          "name": "失败任务"
        }
      ]
    }
  ],
  "tooltip": {
    "trigger": "item",
    "formatter": "{b}<BR/>{c}个({d}%)" // 可以用HTML
  }
}
Other comments [其他信息]

回答

5

暂时还不能支持,换行可以使用 '\n',如 "{b}\n{c}个({d}%)"

5

现在还不能只是label的formatter渲染html

4

2019年了, 这个功能如何了

8

@100pah 能不能把这个issue打开,暂时不支持,以后能支持吗?

7

啥时候能支持html啊。刚需,这个功能,求添加啊

2

这产品简直服了,17年的需求 issue到现在也不支持

5

@100pah 求支持~~

1

求支持

0

@100pah Please open this issue, even if this not supported currently.

4

请问啥时候支持。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

5

貌似现在还是不支持呀 tooltip是支持的,希望label也可以支持

8

is this project dead?

1

可能已经死了? 这个功能还是挺重要的吧

3

why this issue is closed???

0

可能得直接提交 PR 了,按理说实现上不难吧

9

@100pah @Ovilia

0

都2021年了,支持了吗?

7

这个功能应该不会考虑支持,从技术角度来说,整体图表都是 canvas 的,很难支持 html 结构的元素。tooltip html 的特例在于它的确总是会显示在最上层的,而 label 可能是多个的,层次关系也依赖于元素,所以不太可能提供 html 的支持。 从产品角度,目前富文本已经能提供足够灵活的标签功能,建议仔细阅读文档使用富文本实现。

7

2022年了