Hi all,
how can i display custom ToolTips which relies on more than one data column when moving over data series items.
These code snippet displays the Y-Axis values as ToolTip:
this.CHART_H2O.Tooltips.Display = TooltipDisplay.MouseMove;
this.chart.Tooltips.Format = TooltipStyle.Custom;
this.chart.Tooltips.FormatString = "<DATA_VALUE:00.##>";
What I need is the X-Axis value plus the Y-Axis value such as "(<Y-Value>, <X-Value>)". Even better would be a szenario in which i can display a third column value in the tooltip like this: "(<Y-Value>:<Z-Value>, <X-Value>)"
The documentation is a little poor on the topic.
I'm using Version 10.3
Thanks!
Hello,
Please provide information on how the UltraChart is currently setup. Also what type of chart is this?
For customizing the tooltip you can refer to this url: https://es.infragistics.com/help/aspnet/infragistics.webui.ultrawebchart~infragistics.webui.ultrawebchart.ultrachart~tooltips.
You can do additional customizing on rendering labels by implementing the IRenderLabel interface: https://es.infragistics.com/help/aspnet/chart-customize-labels-using-the-irenderlabel-interface
When referring to a particular topic on the documentation you can also post the url of the link to this thread. This will help when understanding the scenario better.
Let me know if you have any questions with this matter. Thank you.
Hi,
thanks you for trying to help me with this issue.
The type of the chart is "LineChart".
It is setup as follows (all that might be relevant on this):
The DataSource is set at runtime. There are different datasources but is is always of type System.Data.DataTable. The table has always two columns: The first contains DateTime values, the second numeric values. The charts X-axis represents the DateTime values, the Y-axis the numeric values. At this time i can see the numeric values when moving over the data series items in the chart. I want to see (at least) both, the date and the numeric value when moving over the items.
Setup of x-axis (relevant info):
<X LineDrawStyle="Solid" Visible="true" RangeMin="0" LineColor="Black" RangeType="Automatic" Extent="20" LogBase="10" RangeMax="0" TickmarkStyle="Percentage" TickmarkInterval="40" TickmarkPercentage="20" NumericAxisType="Linear"><Labels ItemFormatString="<ITEM_LABEL>"SeriesFormatString="" Flip="False" ItemFormat="ItemLabel"></Labels><TimeAxisStyle TimeAxisStyle="Continuous" /></X>
Setup of y-axis (relevant info):
<Y LineDrawStyle="Solid" Visible="True" RangeMin="0" LineColor="Black" RangeType="Automatic" TickmarkInterval="20" Extent="35" LogBase="10" RangeMax="0" TickmarkPercentage="10" NumericAxisType="Linear"><Labels ItemFormatString="<DATA_VALUE:00.##>" SeriesFormatString="" ClipText="True" ItemFormat="DataValue"></Labels><TimeAxisStyle TimeAxisStyle="Continuous"></TimeAxisStyle></Y>
Let me know if you need futher information.
Thank you!
For the line chart you can set the following properties:
UltraChart1.LineChart.TreatDateTimeAsString = false;UltraChart1.Data.SwapRowsAndColumns = true;
This should allow you to see the datetime values on the x axis and also treat the DateTime row values as columns to plot on the chart.
I have attached a sample to the thread.
Sounds good! I'll try it! Thank you
Let me clarify my task...
This is a screenshot of what i have up to now. As you can see the tooltip shows up the y-axis values (in this case "-222,86"). What i want is that the tooltip shows me something like "Date: 03.01.2005 - Value: -222,86"
I think this requires some custom coding...?
Cheers!
Dominik
Do you have any further questions on creating an instance of the IRenderLabel interface? This will allow you to have control on how your tooltip will display when setting the FormatString property.
Let me know if this works for you. Thank you.
Hello skalyniuk,
Here are the updated links - https://es.infragistics.com/help/aspnet/chart-customize-chart-tooltips, https://es.infragistics.com/help/aspnet/chart-customize-labels-using-the-irenderlabel-interface.
Actually the error when clicking on the link is, Server Error in '/' Application.
Hi
The links to the Infragistics help pages no longer work from this topic, is it possible to get them updated please?
I just get page not found, thank you.
Hi have similar requirement
i have a chart which has a timeseries date.
x axis label is formated as
xAxis.Labels.ItemFormatString = "<ITEM_LABEL:MMM>";
y axis label is formated as
yAxis.Labels.ItemFormatString = "<DATA_VALUE:#0.#>";
i have implemented IRenderLabel as shown in following example.
help.infragistics.com/.../
but i am not getting how the hashtable is to be created and added to the labelhash.
in the above example following is the code used for labelhash but i am not getting what MY_VALUE is...i have already assigned Itemformatstring to x and y axis which i cant change
thanks
utkarsh
you gave me the determining advice! Actually the custom coding was very easy. I implemented IRenderLabel. The only line of code in the ToString member is
return "Datum: " + ((System.DateTime)context["TIME_VALUE"]).ToShortDateString() + " - Wert: " + context["DATA_VALUE"].ToString();
In addition I followed the information given in https://es.infragistics.com/help/aspnet/chart-customize-labels-using-the-irenderlabel-interface
See the result.
Thanks!!