I have composite column chart with two series, but I am not able to achieve:
1. to highlight the lables on x axis when the mouse hover over the column
2. to increase the space between columns
3. to highlight the series in the legend when hover over the column bar
4. to show a tooltip on the items in the legend
Please provide a sample to resolve it.
Thank you.
Essna
Still waiting for an answer
Thank you
Hello ,
In order to increase the space between columns you should use ColumnSpacing property
http://help.infragistics.com/Help/NetAdvantage/WinForms/2012.2/CLR4.0/html/Infragistics4.Win.UltraWinChart.v12.2~Infragistics.UltraChart.Resources.Appearance.ParetoChartAppearance~ColumnSpacing.html
To highlight label of X axis and legend’s box you could use DataItemOver event in order to get the primitive of the column which user was hovered, and also to handle ChartDrawItem event in order to manage the color X axis’ label and legend’s box based on the hovered element.
About the tooltip, if legend’s box should display same tooltip as the column, then you could set Caps property of the legend’s box primitive to Tooltip (also you could add and HitTest in order to highlight the column when legend’s box was hovered).
I’ve implemented small sample in order to demonstrate you this approach.
Please let me know if you have any further questions.
Hello Hristo,
In your sample you have only single series. As I already explained, I have two series and your suggestion with ColumnSpacing does not work. I tried to add a second series, in your sample, but were not able to achieve my requirements. See attached image of what I want.
About the tooltip in the legend - The text of items in the legend are long and they are not fully visible, that's why I want to have a tooltip to show the full text. The tooltip in your sample show the values. I want to show the text of items.
Any news ?
Hello,
Thank you for your further clarification. For multiple series you should check primitives only by their Column element, so you should modify second if() clauses in ChartDrawItem event and it should looks like:
if (latestP != null && e.Primitive.Column == latestP.Column)
About ColumnSpacing, obviously this property works, and on your screenshot is shown that column spacing was increased to one column gap. If this property didn’t work, then the columns of each series will be glued to each other. So maybe you want to manage SeriesSpacing . So please clarify what you meant by “to increase the space between columns”. How the columns should appear before and after “increase space between columns ”.
About the tooltip, you could IRenderLaable interface in order to switch between Item Label and Data Value depends on which element customer was hovered.
I’ve implemented my suggestion to my sample, and I really hope that it will helps you.
Thank you for the sample, but you misunderstood my requirements. What I want is shown on the second image. See the space between two columns from series 1 and series 2 and also the space between groups of columns with different colors
Hello,
I am just checking about the progress of this issue. Let me know If you need my further assistance on this issue?
Thank you for using Infragistics Components