Hovertemplate use html tag is not working
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 18.3k
- Forks
- 2k
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 28
Description
I'm encountering an issue with the hovertemplate feature in Plotly.js. When I define a hovertemplate and use the HTML tag<b>to bold text within it, the hover information doesn't display in bold font as expected. Instead, it appears in regular font.
Steps to Reproduce
Define a trace and add hovertemplate
Use the HTML tag<b>within the hovertemplate to bold text.
Observe the hover information to see if it displays in the correct format.
Expected Behavior
Actual Behavior
Environment
System: Windows 10
Browser: Edge, Chrome
Version: plotly-2.31.0.min.js
frameworks: vue 2
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodePen and reproduce the issue using Plotly.js 2.31.0, then trace the hovertemplate rendering path in plotly.js. Done means text wrapped in the HTML tag appears bold in hover information without breaking other hovertemplate formatting.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- data-visualization
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100