echarts icon indicating copy to clipboard operation
echarts copied to clipboard

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

Open zhiqingchen opened this issue 2 years ago • 4 comments

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

image

Expected Behavior

image

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

zhiqingchen avatar Mar 07 '23 07:03 zhiqingchen

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

gitforhlp avatar Mar 07 '23 09:03 gitforhlp

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

zhiqingchen avatar Mar 08 '23 10:03 zhiqingchen

any updates on this?

chj-damon avatar Jun 21 '23 05:06 chj-damon

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

GidianB avatar May 22 '24 07:05 GidianB

Any updates on this?

RafaelCENG avatar Jul 11 '24 09:07 RafaelCENG

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", }, },

souravpany avatar Aug 07 '24 16:08 souravpany