I'm running your sample
http://www.igniteui.com/sparkline/tooltips-and-markers
The tooltip is not shown fully for bottom values. It hides somewhere. Is this a bug and if not how to resolve this?
Hello Aziz,
Thank you for contacting us.
About your concern, this is not a bug related to the chart, just the container is with smaller height than the position where the tooltip is showing. If you open the JSFiddle online sample you will see that the tooltip is showing as expected.
I will inform the developers about this, and in the future this hiding issue will be fixed.
Thanks Zdravko for letting me know. I am using this sparkline chart in grid (see picture) and you can see the tooltip is hiding here. Also for last marker point I can't see any tooltip which is not really acceptable. I definitely do not want to increase the row height of the grid. I have to say this that If we can't see the tooltip properly then there is no point of using your controls. Do you have a workaround to fix this issue?
The sparkline is within a td element defined in the rowTemplate of the igGrid, you can customize the style of the td, in order to show the tooltip correctly when set the overflow to be visible, like:
...
rowTemplate: "<tr><td></td><td>${CompanyName}</td><td>${ContactName}</td>" + "<td>${ContactTitle}</td><td style='overflow: visible;'><div data-id='${ID}' class='order-sparkline'></div></td></tr>",
....
Here you can see online sample:
http://jsfiddle.net/LeMe3/4/
If you need further assistance, please contact me again.
Hello Zdravko,
yes this solved the issue to some extent. Now I can see the tooltip does not hide BUT it does not show for the marker at the end. Can you please suggest how can I show the tooltip for datapoint at the end of the Grid?
Thank you for the suggestion.
Hi Zdravko,
I have an issue in using infragistics Sparkline. The labels on x-axis and y-axis are displayed only for first and last data points.
I want the label to be displayed for all the data points. Please assist me in solving this issue.
I'm having the same issue with the data chart and tooltips showing off the frame of the window. Fortunately, we have access to the tooltipShown and tooltipHiding events but we're trying to figure out what the best practice would be to re-orient the tooltip so that it's visible for the columns towards the end of the screen. We're doing something similar to this:
This isn't the most efficient way of doing this and obviously will not work across browsers. I wasn't sure if there was an easier way that you might recommend. TIA
JP
Hey Aziz,
Can I assist you with anything else?
Hi Aziz,
About your question, first of all I want to explain you why this is happening, the tooltip element is created within the cell, that is why it cant be shown outside it. Also the igSparkline it is not configured to have tooltip customization yet, like event (tooltipShowing or tooltipHiding) and you cannot access the marker values. If you want to be customizable like the igDataChart you can log a product idea regarding this.
For now I can suggest you to set fixed width for the columns, and to specify a little bit more width for the igGrid, this way there will be free space for the tooltip to show fully, see the online sample below:
http://jsfiddle.net/zdravko/LeMe3/12/
igSparkline can be used for more simple data visualizations, if you want to show something more concretized and complex, my suggestion is to use igDataChart.
In general, I would recommend you to log a product idea at http://ideas.infragistics.com, the Product Ideas site allows you to suggest new product features, new functionalities in existing products and controls, and even request new controls and products altogether. Members of the Infragistics Community then vote for the features and suggestions they want to see added to the products, resulting in the most popular features bubbling up to the top. When planning new releases, our Product Management team will look at the most popular features and use your feedback to prioritize upcoming work.
Steps to create your idea:
1. Log into the Infragistics Product Ideas site at http://ideas.infragistics.com (creating a new login if needed).2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)3. Add your product idea and be sure to be specific and provide as much detail as possible. Explain the context in which a feature would be used, why it is needed, why it can’t be accomplished today, and who would benefit from it. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it. Be convincing!