I'm working with Chart.js and have it set up to produce a nice bar chart. Unfortunately, the default popup when you hover over the bars only shows the value of the bar. I would like the popup to display the label of each bar in the group and its value.
Do you have any examples etc?
Thank you so much!
example
Information on hover can be configured. Check "interactions" and "events" in the charts.js documentation.
Related
I would like to know how it is possible to insert a button with the "i" of information and that when hovering over or clicking on it, a text box is displayed
Ty to all, sorry for my bad english
Yes. Literally just insert an Information Button and set its tooltip property.
and
Wondering if there's a way to make a text bubble show up when the user hovers over a metric in a Power BI report.
I have tried using alt text, but that does not show up anywhere.
I had the same problem just now, and the documentation page Create tooltips based on report pages in Power BI Desktop describes how to do this. Probably this functionality was not around in March 2018 (when the accepted answer was posted).
Steps
In summary the steps are as follows (assuming you already have a visualization):
Create a new page, name it Tooltip 1
On the Tooltip 1 page, go to Format → Page Information and switch on the Tooltip toggle
Go to Canvas settings and set the Type to Tooltip.
Create a text box via Home → Text box, fill it with the text you want to show when one hovers over your visualization.
Select your visualization
Click on Format → Tooltip
Set Type to Report page
Set Page to Tooltip 1
Now when you hover over the visualization, the text box from step 4 will be shown.
Additions
You can mark the page Tooltip 1 as hidden, such that it does not show up as a tab on your report.
You can also customize the tooltip size by setting the Page size of the tooltip page to Custom with suitable width and height values.
As described in the link, instead of text you can also create a whole visualization.
Currently, I don't think this is possible natively.
There are some ideas related to this that you can vote for:
Custom Alt Text (tooltip) On Hover Over Any Visual
Tooltip for Matrix visual (and others)
Tooltips for Tables
There is also a Dynamic Tooltip custom visual that you might be close enough to what you are looking for.
You can use a transparent shape as an overlay on the text you want the hover over test to appear on
Turn Action On
Type Page Navigation
Destination None
Tooltip - Add the test you want to display on the hover
I am using google bar chart for my project, it is working correctly with data, but if no data exists, the bar chart is showing with empty horizontal lines. How to show no data message as in google pie chart, if there is no data exists?
Thanks in advance.
This question is about the annotation and annotationText roles in Google Charts. annotation shows text near a data point on the chart, and annotationText provides a popup tooltip for the annotation.
In a ColumnChart, the annotation is placed inside the column if it fits. Otherwise the annotation is placed above the column in a similar way to annotations in other chart types.
When the annotation is above the column, the annotationText works (a tooltip is displayed when you hover over the annotation). However for annotations inside the column, the tooltip does not appear.
Example over here: http://codepen.io/anon/pen/Hjhsa
Does anyone know how to solve this?
This more than likely has been fixed now, but you could add the following to options.
bar: { groupWidth: "95%" }
Is anyone know wether there is a way to display the values of a multi-series google column chart over each columns ?
Muhammad Tayyab Shei succeded in making it, but for a single-serie : see put labels on top of inside bar in google interactive bar chart
Since the annotation role is not supported for column charts yet, it cannot be done with a multi-column chart (the single-series version works by using a combo-chart which allows annotations for the line chart portion).
The easiest way to implement this would be to create a javascript function to either display the tooltips full time, or to draw custom tooltips and turn them on (using HTML-enabled Tooltips, for instance).