Based on certain events, I re load my pie-chart with completely different set of data. Everything works fine with the reload except the Tooltip stays from before the re load. Is there a way to clear the tooltip when the chart is reloaded with new data? I looking for something like chart.ToolTips.Clear() . I tried chart.ResetToolTips() but this only resets the properties on the ToolTips to the default value but does not clear the tooltip.
I'm trying reproducing this issue with using pie chart with enabled tooltips and on ChartDataClicked event I'm changing the pie chart. It seems ok.
Can you provide a little more info, so we can investigate this asap? Which version of the WebChart are you using? Which browser? Also can you send us your code?
I have set the Display property on the ToolTips to MouseClick. The format string on the ToolTips is '<ITEM_LABEL> <BR> <DATA_VALUE> <BR> <B> <PERCENT_VALUE:00.##>%'. Code to set the datasource for the chart looks like the following
ldActChart.DataSource = ds;ldActChart.DataBind();ldActChart.Legend.DataAssociation = Infragistics.UltraChart.Shared.Styles.ChartTypeData.ColumnData;
ds is the dataset. The ToolTip just stays even after I loaded the chart with new data. Please let me know if there is any way to solve this problem. I am using webchart v8.3 for .Net 2.0 and VS2005. Your help in this regard is greatly appreciated.
Here we go...
<igchart:UltraChart ID="ldActChart" runat="server" BackgroundImageFileName="" BorderColor="Black" BorderWidth="0px" ChartType="PieChart3D" EmptyChartText="Data Not Available. Please call UltraChart.Data.DataBind() after setting valid Data.DataSource" Version="8.3" OnChartDataClicked="ldActChart_ChartDataClicked" Transform3D-EdgeSize="0" SmoothingMode="HighQuality" Transform3D-Scale="100" Transform3D-XRotation="61" Transform3D-YRotation="0" Transform3D-Perspective="15" Width="500px" OnChartDrawItem="ldActChart_ChartDrawItem" OnFillSceneGraph="ldActChart_FillSceneGraph"><Tooltips Font-Italic="False" Font-Strikeout="False" Font-Underline="False" Font-Overline="False" Font-Bold="False" FormatString="<ITEM_LABEL> <BR> <DATA_VALUE> <BR> <B> <PERCENT_VALUE:00.##>%" Padding="10" HotTrackingEnabled="False" Display="MouseClick"></Tooltips><ColorModel ModelStyle="CustomSkin" ColorEnd="Purple" AlphaLevel="255" ColorBegin="Maroon"> <Skin> <PEs> <igchartprop:PaintElement Fill="Red" Stroke="Red"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Coral" Stroke="Coral"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="DeepPink" Stroke="DeepPink"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Violet" Stroke="Violet"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Blue" Stroke="Blue"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="DarkBlue" Stroke="DarkBlue"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="LimeGreen" Stroke="LimeGreen"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Green" Stroke="Green"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="DarkGreen" Stroke="DarkGreen"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Lime" Stroke="Lime"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="SeaGreen" Stroke="SeaGreen"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="MediumSeaGreen" Stroke="MediumSeaGreen"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="64, 64, 0" Stroke="64, 64, 0"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="LightPink" Stroke="LightPink"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="PaleVioletRed" Stroke="PaleVioletRed"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="LavenderBlush" Stroke="LavenderBlush"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Orchid" Stroke="Orchid"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Magenta" Stroke="Magenta"> </igchartprop:PaintElement> </PEs> </Skin></ColorModel><Effects><Effects> <igchartprop:GradientEffect> </igchartprop:GradientEffect></Effects></Effects><Axis><Z LineThickness="1" TickmarkInterval="0" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="" FontColor="DimGray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center" Visible="False"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FontColor="DimGray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></Z><Y2 LineThickness="1" TickmarkInterval="50" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="" FontColor="Gray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center" Visible="False"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FormatString="" FontColor="Gray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></Y2><X LineThickness="1" TickmarkInterval="0" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="<ITEM_LABEL>" FontColor="DimGray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FormatString="" FontColor="DimGray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></X><Y LineThickness="1" TickmarkInterval="50" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="<DATA_VALUE:00.##>" FontColor="DimGray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center" Visible="False"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FormatString="" FontColor="DimGray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></Y><X2 LineThickness="1" TickmarkInterval="0" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="" FontColor="Gray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center" Visible="False"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FormatString="" FontColor="Gray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></X2><PE ElementType="None" Fill="Cornsilk"></PE><Z2 LineThickness="1" TickmarkInterval="0" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="" FontColor="Gray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center" Visible="False"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FontColor="Gray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></Z2></Axis> <Legend FormatString=" <ITEM_LABEL><DATA_VALUE>" Location="Left" SpanPercentage="40" Visible="True" BorderThickness="0" Font="Arial, 8pt" MoreIndicatorText="More" BackgroundColor="WhiteSmoke"> <Margins Bottom="85" Left="10" Right="40" Top="0" /> </Legend> <Annotations Visible="False"> <Annotations> <igchartprop:EllipseAnnotation OutlineDrawStyle="Solid"> <pe fill="White"></pe> <textstyle font="Microsoft Sans Serif, 7.8pt" horizontalalign="Center"></textstyle> <location column="-2" locationx="0" locationy="0" row="-2" type="RowColumn" valuex="0" valuey="0"></location> </igchartprop:EllipseAnnotation> <igchartprop:BoxAnnotation Height="-1" Text="Test" Width="-1"> <pe stroke="Red"></pe> <textstyle horizontalalign="Center"></textstyle> <border color="Red"></border> <location column="0" locationx="30" locationy="215" row="0" type="Pixels" valuex="0" valuey="0"></location> </igchartprop:BoxAnnotation> </Annotations> </Annotations> <TitleTop> <Margins Bottom="0" Left="0" Right="0" Top="0" /> </TitleTop> <TitleBottom Extent="33" Location="Bottom"> <Margins Bottom="0" Left="0" Right="0" Top="0" /> </TitleBottom> <Border Thickness="0" /> <TitleLeft Extent="33" Visible="True" Location="Left"> <Margins Bottom="0" Left="0" Right="0" Top="0" /> </TitleLeft> <TitleRight Extent="33" Visible="True" Location="Right"> <Margins Bottom="0" Left="0" Right="0" Top="0" /> </TitleRight> <PieChart3D RadiusFactor="60" ShowConcentricLegend="False" BreakDistancePercentage="5" PieThickness="15"> <ChartText> <igchartprop:ChartTextAppearance ChartTextFont="Arial, 7pt" Column="0" FontColor="White" ItemFormatString="<PERCENT_VALUE:#0.00>%" Row="1" Visible="True"> </igchartprop:ChartTextAppearance> <igchartprop:ChartTextAppearance ChartTextFont="Arial, 7pt" Column="0" ItemFormatString="<PERCENT_VALUE:#0.00>%" Row="2" Visible="True"> </igchartprop:ChartTextAppearance> <igchartprop:ChartTextAppearance ChartTextFont="Arial, 7pt" Column="0" ItemFormatString="<DATA_VALUE:00.00>" Row="0" Visible="True"> </igchartprop:ChartTextAppearance> </ChartText> <Labels FormatString="<PERCENT_VALUE:00.#>%" Font="Arial, 8pt" /> </PieChart3D> </igchart:UltraChart>
Sorry, I want to see the container that you are adding the Chart. Are you using UpdatePanel or something like this? Can you please, send us the markup of the whole page?
I'm sorry for that.
I have the chart inside of a control panel. Then on the .aspx page, I put the control panel inside a update panel for AJAX capabilities. I update the chart via AJAX. I am attaching code for the control panel as well as code from the .aspx page here.
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucMarketingChart.ascx.cs" Inherits="UserControls_ucMarketingChart" %><%@ Register Assembly="Infragistics2.WebUI.UltraWebTab.v8.3, Version=8.3.20083.1009, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.WebUI.UltraWebTab" TagPrefix="igtab" %><%@ Register Assembly="Infragistics2.WebUI.UltraWebChart.v8.3, Version=8.3.20083.1009, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.WebUI.UltraWebChart" TagPrefix="igchart" %><%@ Register Assembly="Infragistics2.WebUI.UltraWebChart.v8.3, Version=8.3.20083.1009, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.UltraChart.Resources.Appearance" TagPrefix="igchartprop" %><%@ Register Assembly="Infragistics2.WebUI.UltraWebChart.v8.3, Version=8.3.20083.1009, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.UltraChart.Data" TagPrefix="igchartdata" %><igchart:UltraChart ID="ldActChart" runat="server" BackgroundImageFileName="" BorderColor="Black" BorderWidth="0px" ChartType="PieChart3D" EmptyChartText="Data Not Available. Please call UltraChart.Data.DataBind() after setting valid Data.DataSource" Version="8.3" OnChartDataClicked="ldActChart_ChartDataClicked" Transform3D-EdgeSize="0" SmoothingMode="HighQuality" Transform3D-Scale="100" Transform3D-XRotation="61" Transform3D-YRotation="0" Transform3D-Perspective="15" Width="500px" OnChartDrawItem="ldActChart_ChartDrawItem" OnFillSceneGraph="ldActChart_FillSceneGraph"><Tooltips Font-Italic="False" Font-Strikeout="False" Font-Underline="False" Font-Overline="False" Font-Bold="False" FormatString="<ITEM_LABEL> <BR> <DATA_VALUE> <BR> <B> <PERCENT_VALUE:00.##>%" Padding="10" HotTrackingEnabled="False" Display="MouseClick"></Tooltips><ColorModel ModelStyle="CustomSkin" ColorEnd="Purple" AlphaLevel="255" ColorBegin="Maroon"> <Skin> <PEs> <igchartprop:PaintElement Fill="Red" Stroke="Red"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Coral" Stroke="Coral"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="DeepPink" Stroke="DeepPink"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Violet" Stroke="Violet"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Blue" Stroke="Blue"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="DarkBlue" Stroke="DarkBlue"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="LimeGreen" Stroke="LimeGreen"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Green" Stroke="Green"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="DarkGreen" Stroke="DarkGreen"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Lime" Stroke="Lime"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="SeaGreen" Stroke="SeaGreen"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="MediumSeaGreen" Stroke="MediumSeaGreen"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="64, 64, 0" Stroke="64, 64, 0"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="LightPink" Stroke="LightPink"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="PaleVioletRed" Stroke="PaleVioletRed"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="LavenderBlush" Stroke="LavenderBlush"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Orchid" Stroke="Orchid"> </igchartprop:PaintElement> <igchartprop:PaintElement Fill="Magenta" Stroke="Magenta"> </igchartprop:PaintElement> </PEs> </Skin></ColorModel><Effects><Effects> <igchartprop:GradientEffect> </igchartprop:GradientEffect></Effects></Effects><Axis><Z LineThickness="1" TickmarkInterval="0" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="" FontColor="DimGray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center" Visible="False"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FontColor="DimGray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></Z><Y2 LineThickness="1" TickmarkInterval="50" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="" FontColor="Gray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center" Visible="False"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FormatString="" FontColor="Gray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></Y2><X LineThickness="1" TickmarkInterval="0" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="<ITEM_LABEL>" FontColor="DimGray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FormatString="" FontColor="DimGray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></X><Y LineThickness="1" TickmarkInterval="50" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="<DATA_VALUE:00.##>" FontColor="DimGray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center" Visible="False"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FormatString="" FontColor="DimGray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></Y><X2 LineThickness="1" TickmarkInterval="0" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="" FontColor="Gray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center" Visible="False"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FormatString="" FontColor="Gray" HorizontalAlign="Far" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></X2><PE ElementType="None" Fill="Cornsilk"></PE><Z2 LineThickness="1" TickmarkInterval="0" Visible="False" TickmarkStyle="Smart"><MinorGridLines Color="LightGray" DrawStyle="Dot" Visible="False" Thickness="1" AlphaLevel="255"></MinorGridLines><MajorGridLines Color="Gainsboro" DrawStyle="Dot" Visible="True" Thickness="1" AlphaLevel="255"></MajorGridLines><Labels Orientation="Horizontal" ItemFormatString="" FontColor="Gray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center" Visible="False"><Layout Behavior="Auto"></Layout><SeriesLabels Orientation="Horizontal" FontColor="Gray" HorizontalAlign="Near" Font="Verdana, 7pt" VerticalAlign="Center"><Layout Behavior="Auto"></Layout></SeriesLabels></Labels></Z2></Axis> <Legend FormatString=" <ITEM_LABEL><DATA_VALUE>" Location="Left" SpanPercentage="40" Visible="True" BorderThickness="0" Font="Arial, 8pt" MoreIndicatorText="More" BackgroundColor="WhiteSmoke"> <Margins Bottom="85" Left="10" Right="40" Top="0" /> </Legend> <Annotations Visible="False"> <Annotations> <igchartprop:EllipseAnnotation OutlineDrawStyle="Solid"> <pe fill="White"></pe> <textstyle font="Microsoft Sans Serif, 7.8pt" horizontalalign="Center"></textstyle> <location column="-2" locationx="0" locationy="0" row="-2" type="RowColumn" valuex="0" valuey="0"></location> </igchartprop:EllipseAnnotation> <igchartprop:BoxAnnotation Height="-1" Text="Test" Width="-1"> <pe stroke="Red"></pe> <textstyle horizontalalign="Center"></textstyle> <border color="Red"></border> <location column="0" locationx="30" locationy="215" row="0" type="Pixels" valuex="0" valuey="0"></location> </igchartprop:BoxAnnotation> </Annotations> </Annotations> <TitleTop> <Margins Bottom="0" Left="0" Right="0" Top="0" /> </TitleTop> <TitleBottom Extent="33" Location="Bottom"> <Margins Bottom="0" Left="0" Right="0" Top="0" /> </TitleBottom> <Border Thickness="0" /> <TitleLeft Extent="33" Visible="True" Location="Left"> <Margins Bottom="0" Left="0" Right="0" Top="0" /> </TitleLeft> <TitleRight Extent="33" Visible="True" Location="Right"> <Margins Bottom="0" Left="0" Right="0" Top="0" /> </TitleRight> <PieChart3D RadiusFactor="60" ShowConcentricLegend="False" BreakDistancePercentage="5" PieThickness="15"> <ChartText> <igchartprop:ChartTextAppearance ChartTextFont="Arial, 7pt" Column="0" FontColor="White" ItemFormatString="<PERCENT_VALUE:#0.00>%" Row="1" Visible="True"> </igchartprop:ChartTextAppearance> <igchartprop:ChartTextAppearance ChartTextFont="Arial, 7pt" Column="0" ItemFormatString="<PERCENT_VALUE:#0.00>%" Row="2" Visible="True"> </igchartprop:ChartTextAppearance> <igchartprop:ChartTextAppearance ChartTextFont="Arial, 7pt" Column="0" ItemFormatString="<DATA_VALUE:00.00>" Row="0" Visible="True"> </igchartprop:ChartTextAppearance> </ChartText> <Labels FormatString="<PERCENT_VALUE:00.#>%" Font="Arial, 8pt" /> </PieChart3D> </igchart:UltraChart>
Here is code from .aspx page that has the control panel inside of a update panel.
<table> <tr> <td align="left" style="width: 569px"> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <igmisc:WebGroupBox ID="WebGroupBox1" runat="server" StyleSetName="" Text="Lead Activity By Type" TitleAlignment="Center" BorderStyle="Groove" Width="548px" CssClass="chrtGrpHeader" EnableTheming="True" > <Template> <table style="width:569px" align="left"> <tr> <td style="width: 565px"> <uc1:ucMarketingChart ID="ucMarketingChart1" runat="server" OnChartClicked="Mainchart_Clicked" /> </td> </tr> </table> </Template> </igmisc:WebGroupBox> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="lbtnMnthToDate" EventName="Click" /> <asp:AsyncPostBackTrigger ControlID="lbtnYTD" EventName="Click" /> <asp:AsyncPostBackTrigger ControlID="ddlArea" EventName="SelectedIndexChanged" /> </Triggers> </asp:UpdatePanel> </td> <td width="50px"></td> <td align="right" width="300px" valign="top"> <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional"> <ContentTemplate> <igmisc:WebGroupBox ID="WebGroupBox2" runat="server" BorderStyle="Groove" CssClass="chrtDtlTxt" Text="Interest & Value" TitleAlignment="Center"> <Template> <uc4:ucIntVal ID="ucIntVal1" runat="server"/> <uc3:ucFulFillInfo ID="ucFulFillInfo1" runat="server" Visible="false"/> </Template> </igmisc:WebGroupBox> </ContentTemplate> </asp:UpdatePanel> </td> </tr> </table>
Thanks, I was able to reproduce it.
It your case there is a bug with the clearing of the tooltip. I fixed it and this fix should be available in next hotfix. In meantime, you can change the tooltip displaying to be on mouse move.
Thanks for taking care of this with the hot fix. Actually as per our requirement,the tooltip is not supposed to be changed on the move mouse, but only when the new chart is loaded. Is there a way to programatically clear the tooltip or if not is there a way to add selections from the new chart to the tooltip?
You can download the latest service releases from:
http://ko.infragistics.com/Membership/Default.aspx?panel=Downloads
In the ChartDataClickedEvent you can get the value, and labels from the second parameter.
Currently my tooltip displays "<ITEM_LABEL> <BR> <DATA_VALUE> <BR> <B> <PERCENT_VALUE:00.##>%". How do I capture this in ChartDataClickedEvent?
Also, when would I be able to download the hot fix that you added for this issue. Also is there a link explaining how to download the hotfix?
The Tooltips don’t work like this. I think you can try using ChartDataClicked event and displaying the last clicked part in some place in the page, if this is that you want to achieve.