Question

0

451

Views

how to customize tooltip in Chart Js?

I want to customize the label of the tooltip on chart js. I just want to show as bold the value of portfolio (+2,5%).

I found this example:
https://jsfiddle.net/nosensus/hhcyhjf9/

When i apply it, my tooltip is always on the left bottom, not on the chart. How can fix it? I am using Chart.js 2.9.4 version and developing with Angular.

tooltip of the chart should be like this

about 4 years ago · Juan Pablo Isaza

1 answers

Answer question

0

Answer question

Find remote jobs

Answer 1 · 2022-07-10T06:09:35.740Z

Put the text you would like to be bold between these tags: <strong>...</strong>

Like below :

tooltip: {
  trigger: 'item',
  formatter: '<strong>{a}</strong> <br/> {b}:{c}'
},

example

0

451

how to customize tooltip in Chart Js?

1 answers

0

Find remote jobs

Andres GPT