When I set the tooltipTemplate for my igFSparkline similar to how I do it for igDataChart or igPieChart, it does not appear as though the template interprets the ${item.fieldName} elements properly.
How can I get to the item that the data point is representing when showing the tooltip for that data point?
Hello Ryan,
Thank you for contacting Infragistics Developer Support!
Please review the attached sample and let me know is that what you are trying to achieve, if not so please modify the attached sample using your configuration and reattach it, so I can be able to investigate it .
In the igPieChart and igDataChart you can access values within the data source by using ${item.MyValue}. In the igSparkLine the best I can tell you have access to only 4 values: High, Low, Last, and First. This creates a useless toolTip for me (it is the same all the way across the chart). I want my users to be able to see the actual values of the datapoint which they are hovering over.
I modified the sample you sent and attached it.
Thank you for your patience!
By design you don't get tooltips per items. Sparkline is a small trend display and could be expanded more in the future. I suggest you using igDataChart in this case.
Thanks for the reply. Unfortunately, if this is by design, then the design fails, and needs to be reconsidered. Every other Sparkline control out there that you are competing with understands the basic concept that you are using a chart to visualize data...and sometimes you need to actually be able to see what the data is. So they allow you to show that information in the tooltip.
Example: KendoUI Sparkline
I'm sorry to post a link to a competitor, but I am just trying to make my point, and you have to understand that design flaws like this make your users have to consider using your competitors.
Hello rsimm,
I have gone through this thread and I can say that we very much value your feedback.
This particular feature can be introduced in the future and should be logged as a new product idea at:
http://ideas.infragistics.com.
There are many benefits to submitting a product idea:
- Direct communication with our product management team regarding your product idea.- Notifications whenever new information regarding your idea becomes available.- Ability to vote on your favorite product ideas to let us know which ones are the most important to you. You will have ten votes for this and can change which ideas you are voting for at any time.- Allow you to shape the future of our products by requesting new controls and products altogether.- You and other developers can discuss existing product ideas with members of our Product Management team.
Steps to create your idea: 1. Log into the Infragistics Product Idea 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!
The Product Idea site puts you in the driver’s seat and allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.
So, the other approach would be to use the igDataChart and use its tool tip mechanism, if you think that it can serve your purpose and maybe alter the default style using theming or some options alternations.
I will be more than happy if you can share your feedback on our product ideas site.
Thank you in advance!
Done: igSparkline tooltipTemplate item access
Thank you for the provided feedback!
This sample demonstrates how to configure the igDataChart control to look as igSparkline and having a tooltip for each item.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
$('#data-chart').igDataChart({ height: '100px', width: '300px', axes: [{ name: 'xAxis', type: 'categoryX', dataSource: northwindInvoices, labelVisibility: 'collapsed' }, { name: 'yAxis', type: 'numericY', majorStroke: 'white', labelVisibility: 'collapsed' }], series: [{ name: 'series', dataSource: northwindInvoices, title: 'Extended Price Series', type: 'line', xAxis: 'xAxis', yAxis: 'yAxis', valueMemberPath: 'ExtendedPrice', showTooltip: true, tooltipTemplate: 'tooltipTemplate', }] });
The following sample is replication of this sample.
If you need any further assistance please let me know.