In ngx-Charts, How to make tooltips always appear? Instead of appear on mouse-over and then disappear?

Question

I am trying to build the stacked bar graph using ngx-charts in angular 4.x. While displaying the data labels, I am using tooltip template and able to display, but I want those labels to show up always (instead on only on mouse-over).

How I can achieve this in ngx-charts?

Hi @Ajay , did you manage to achieve this in the meantime? I have the same requirement. — crollywood, Oct 19 '17 at 09:03
@NikhilRadadiya Nope, we have those numbers shown only on hover. Product guys agreed that it is good enough. — crollywood, Apr 04 '18 at 13:14
@NikhilRadadiya i also have same requirement to show value always .what is the library you are using now for angular . — arun G, Jul 13 '18 at 04:29
@arun https://valor-software.com/ng2-charts/ I'm using this. Its a chartjs wrapper — Nikhil Radadiya, Jul 13 '18 at 07:17
@NikhilRadadiya is it possible to show value on pie chart rather than on hover in that? — arun G, Jul 13 '18 at 07:31
@arun Yes, but you have to use external lib for that also. check this out https://emn178.github.io/Chart.PieceLabel.js/samples/demo/ — Nikhil Radadiya, Jul 13 '18 at 08:14

score 0 · Answer 1 · answered Jul 14 '22 at 20:46

0

You can use the boolean [showDataLabel]="showDataLabel"

answered Jul 14 '22 at 20:46

Raphael

43
5

In ngx-Charts, How to make tooltips always appear? Instead of appear on mouse-over and then disappear?

1 Answers1