Write now my igSparkline is only showing the first and last axis values. On the xAxis I want it to show all of my values. How can I make that happen?
Hello rsimm,
Thank you for posting in our community.
There are 4 types of supported igSparkline charts and by design all of these charts are expected to show all data points available in the underlying data source:
Line - Displays the Line chart type of Sparkline with numeric data, connecting the data points with line segments. You need to provide at least 2 data points in order to visualize the data in Sparkline.
Area - Displays the Area chart type of Sparkline with numeric data. This is similar to line type with additional step of closing the area after each line is drawn. You need to provide at least two data points in order to visualize the data in Sparkline.
Column - Displays the Column chart type of Sparkline with numeric data. Some may refer to this as vertical bars. This type can render a single data point, but requires specifying the minimum value range option (minimum) in Sparkline so the supplied single data point can be visible, otherwise the value will be treated as the minimum value and will not be visible.
WinLoss - This type is similar in its visual appearance to Column chart type, in which the value of each column is equal to either the positive maximum (for positive values) or the negative minimum (for negative value) of the data set. The idea is to indicate a win or a loss scenario.
Some further reference about igSparkline control, its benefits and supported chart controls could be found at:
http://help.infragistics.com/doc/jQuery/2014.1/CLR4.0/?page=igSparkline_Overview.html
http://help.infragistics.com/jQuery/2014.1/ui.igsparkline
Additionally, a working sample with igSparline could be found at:
http://igniteui.com/sparkline/overview
I hope you find this information helpful.
Please let me know if you need any further assistance with this matter.
Sorry, but this did not help me at all.
The Sparkline shows all my data points. What it does not do is show all of the label values along the x-axis so that you know for example what date that value was recorded on. I need to be able to see the labels similar to how a column data chart x-axis works.
I am glad that you find my information helpful.
Please let me know if you have any additional questions regarding this matter.
I had to convert over to using igDataChart instead because the igSparkline was missing this (and other) functionality that I needed. Thank you for your assistance.
Hello Ryan,
Thank you for your clarification and screenshot.
By design, igSparkline chart does not have a property to set all labels on the X axis to be visible. The main reason for this is the idea behind the Sparkline - to be a small, intense,simple, word-sized graphic. Sparklines are datawords: data-intense, design-simple, word-size graphics. I believe you might consider the following article, explaining the main concept of the Sparkline, useful:
http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR&topic_id=1
However, if you believe that this is a feature that should be implemented for this type of chart what I can suggest is logging a new product idea on our product ideas web site: 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 is available.
- Ability to vote on your favorite product ideas to let us know which ones are most important to you.
- Allow you shape the future of our products by requesting new controls and products altogether.
- You and other developers can discuss existing 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
2. Navigate to the product/platform channel of your choice(e.g. HTML5/ Ignite UI)
3. Add your product idea and be sure to be specific and provide as much details as possible.
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.