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%" }
Related
I'm having an issue with data vertically too close together in the first chart while the other is not.
Chart With Issues
Chart Without Issues
Transition between charts (scroll down halfway)
Actual Chart to view: http://www.ironclads.com/temp/chart.html
As you can see from the images the text and corresponding chart values are compressed together in the first chart but look ok in the second.
The code is the same and the values in the first chart are 1000, while the second chart is 703. Is this why it compresses the first chart values? If so, is there anything I can do programmatically to resolve the issue between charts or am I on the right track that I just need to get the entry count closer to the same in order for the two charts to look the same?
I'm attaching the code to the html chart file in question as a link below. I also try to limit the number of entries to 1000 or less per chart in order for them to not break the browser or the chart.
Any ideas you have or suggestions are greatly appreciated. Thank you.
http://www.ironclads.com/temp/chart.html
Ok folks. Figured it out with some help elsewhere. It appears a sub wrapper is in order, along with changing that subwrappper to fit. Here's the link to the fixed chart, you can compare the first with this and see the changes.
http://www.ironclads.com/temp/chart_fixed.html
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'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.
Right now I have a stacked bar graph and a line graph on one page using apex 'create a region' functionality. I'd like to combine these to one chart. I am thinking if you pehaps create a custom xml code in order to do so, but i'm not sure if that's the right direction to go to. Any help in this regard is appreciated.
No need to fiddle with XML. Create a second series in the chart using the SQL of your second chart and set the 'Series type' attribute to 'Line'.
Check "Multiple Y-Axis" in the display settings to plot your second series with a separate set of Y values. This means the number range offered in both series can be different scales. This can rescale as you show/hide specific series, as offered in one of the Legend properties.
Here is a link to a sample application by Hilary from the APEX team, plenty of examples in there regarding what is possible:
https://apex.oracle.com/pls/apex/f?p=36648
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).