echarts
echarts copied to clipboard
[Bug] textStyle is invalid when both formatter and richText renderMode are used in the tooltip
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
- use richText renderMode
- use formatter
- 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
Maybe it,s not a bug, it is not notieced "renderMode" can use in tooltip
renderMode can use in tooltip https://echarts.apache.org/en/option.html#tooltip.renderMode
any updates on this?
"rich: {}" styling is also not supported for the tooltip.
Any updates on this?
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",
},
},