3

I am working with ngx charts to show the data in Heat Map. Its working fine without any issues.

Working Example | Heat Map

But I want to show the each grid values instead of showing it on mouse hover. Is there any way to do that?

I checked the ngx-charts documentaion also but no luck.

ngx-charts documntation

IamGrooot
  • 940
  • 1
  • 17
  • 44

1 Answers1

0

The heatmap component doesn't support that. You could customize the templates used to render the heatmap, but customizing ngx-charts is not for the faint of heart:

https://swimlane.gitbook.io/ngx-charts/custom-charts

Alternatively, you might be able to create a similar chart with the treemap, if each value were the same for instance:

https://stackblitz.com/edit/swimlane-tree-map-chart?embed=1&file=app/app.component.ts

chrismarx
  • 11,488
  • 9
  • 84
  • 97