chartjs / chartjs/Chart.js

Hovering functionality for long labels

Open
#11,757 0 comments 0 reactions 0 assignees View on GitHub
type: enhancement
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### Feature Proposal

I am currently working on a project that is using ChartJS to generate charts based on the data gathered from the database. Recently I found an issue when the labels are too long, if they are then the chart will get pushed to the side. To overcome this I truncated the names of labels on the x and y axes but when we hover over the graph the entire label will be visible.

![image](https://github.com/chartjs/Chart.js/assets/68587409/2c699445-48f5-4cf2-b3f4-95464e40daf4)

As you can see in the above image the labels on the x-axis are truncated, but when we hover over the bars in the chart, the full label will be displayed. Now I want to see if it's possible to show the entire label in a tooltip when we hover over the labels on the x-axis

### Possible Implementation

_No response_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.