[Bug] textStyle is invalid when both formatter and richText renderMode are used in the tooltip

[zhiqingchen]

Version

5.4.1

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?code=PYBwLglsB2AEC8sDeAoWsA2BTA5l6AJgFzJrqxigkBEARsGJQLbUA0Z6BAhmFyQNrVA8IaBEFWoBdMgF926SsAyQQJVOQoAnCDjzqA8tBrQYWNh1hcMAdy4BPAM4BlABbBLAYRhh8YEmHUBXLFlyEGA7CEgYEgAzf2gAY0joAApwAEpSNXR1LDB_dTh-cH4ABnFWWABGAGYygG4zGTMcwix1AFlgAiwaTXinABUsAA8wUzVo4HUmHi91EgADABEePmR4qQXguRGwBzAbbBUzdEnoPYgALx7YAFYS7dgm9GfYYYBBYYg7Y7UDkBu1EgTBMjy4XzsAAVgBBzm1flkAG4WQI0ABMJUqADYALSVEo4gDs4yydmgXGUGkCj3QGC4tCwGARWVgdhcll8ASCJ3Ik2ms3hsFiCSSqS46i4TDsGVULPIOTyBVgWH64rAdgAdHyZmAtVMdQMICDkgByGzmmw49rtHEEAgmiogcWSzXIjCBNINOVPHmvNROLiEI6ZOVs1ycwK-xqPOwgDARAAysJusrUYY5QosdiwjWkwRsn2-zIoNgBNDdgRJ6HB30N8QA1sX0LDwt0Izm1H7WXHE8mm6z2TEsx3yF2a3YE_TGf2WxA21SRy9HpcSPi82QcJpiCG5FQqvjHthoj4qrdHpocE4T5Uz2YnFgtFfV1iSuv0NnNFgfrB-KnYOSQRoQBCK0AfaNAAdTQA7YyrEsy1gah42gUEzDsJhgAYJx2xjGwmHoJk4PiCB1HibBoLsbDcIcK4blvNNJR7aAcBoLhETaLg8GgiIsCYfZDhTHl4gUKYaAAYgADhVLEuAIaho2Q3gGyY6DxSwLgeODJAu24XgBB5QQMWxPECQAFjYWAsUqcpdOofTcXxHFblM25qkslk9MxWyCSxUyjMJFysjcgy7OJCojLRPy1ACjycVE7yyhpH9rPcwycQATm8rFwvISLkvxbyUsy9BsrsypKm80SCoSmycrRRyjMkNR6qeCo_wAwFQMg6D_kBBCkLTVD0MwuSuAUuCuFI8iFBoAiiJIrCcIUSjrhIGjyDsOiEMY0aWIldjHk47iDnU_jBPmODhIILFRLRLEatktRlNUw6U001YdNcxLAuM0zqjC-KioJByQriqyqrsryKmqOq_o-qLgtgWoKv-6LvuB97QYJNKIahkGkuKkpvuxtHcYJErvtuRGYeq2LGvQRqpEkKQgA&_source=echarts-doc-preview&renderer=svg

Steps to Reproduce

1. use richText renderMode
2. use formatter
3. add textStyle

  tooltip: {
    renderMode: "richText",
    formatter: `Data: {c}`,
    textStyle: {
      fontSize: 50,
    },
  },

Current Behavior

Expected Behavior

The same style as when using html renderMode

Environment

- OS:macOS Monterey
- Browser:Chrome 96.0.4664.55
- Framework:none

Any additional comments?

No response

[gitforhlp]

Maybe it,s not a bug, it is not notieced "renderMode" can use in tooltip

[zhiqingchen]

renderMode can use in tooltip
https://echarts.apache.org/en/option.html#tooltip.renderMode

[chj-damon]

any updates on this?

[GidianB]

"rich: {}" styling is also not supported for the tooltip.

[RafaelCENG]

Any updates on this?

[souravpany]

Any update on this ? Including the above issue, found another one like adding custom font and fontWeight under textStyle, is also not supporting. Please do suggest regarding the issue if any solutions are available.

tooltip: {
renderMode: "richText",
formatter: Data: {c},
textStyle: {
fontSize: 50,
fontWeight: "500",
fontFamily: "My-Custom-Font",
},
},