We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

EssentialChart (LineChart ) Tooltip on Mouse over

Thread ID:

Created:

Updated:

Platform:

Replies:

70940 Jan 9,2008 04:03 PM UTC Jan 23,2008 05:14 AM UTC ASP.NET Web Forms (Classic) 4
loading
Tags: Chart
Steffen Dunst
Asked On January 9, 2008 04:03 PM UTC

Hi all,

i will do something in my Web application, that work's fine on a windows programm. I'm using syncfusion in the newest version (6.1.0.34).
I'm drawing a line diagramm and show every point in the diagramm with a square. If i take the mouse at one of this point, i will show the values of this point and only of this point in a tooltip (in my example time and a money value).
Can somebody help me? Is this possible with asp.net?

Thank you,
Stephan


Rajarajeswari S [Syncfusion]
Replied On January 10, 2008 12:49 PM UTC

Hi Stephan,

To apply tool tip to the chart the PointsToolTipFormat property has to be set. Please refer the below code snippet which illustrates this:

this.ChartWebControl1.Series[0].PointsToolTipFormat = "{2}";

The PrepareStyle event apply tooltip with the specified text. Please refer the below code snippet which illustrates this:

private void Series_PrepareStyle(object sender, ChartPrepareStyleInfoEventArgs args)
{
ChartSeries series = sender as ChartSeries;
if (series != null)
{
DateTime dateTime = series.Points[args.Index].DateX;
string xValue = dateTime.ToString("dd/MM/yyyy HH:mm");
//ToolTip associated with the ChartPoint
args.Style.ToolTip = xValue.ToString() + "," + series.Points[args.Index].YValues[0].ToString();
args.Handled = true;
}
}
Please refer the sample from the below link which explains you the above:

http://websamples.syncfusion.com/samples/Chart.Web/6.1.0.34/F70940/main.htm

And also you can get more details on the tooltip property of the chart from the below link:

http://www2.syncfusion.com/ug_61/gridwin/default.html

Please let me know if this helps you out.

Regards,
Raji



Steffen Dunst
Replied On January 10, 2008 03:36 PM UTC

Hi again,

maybe im to stupid but it doesn't work on my project. I have my project attached to this mail, maybe you can have a look on it.

Thank's Stephan

>Hi Stephan,

To apply tool tip to the chart the PointsToolTipFormat property has to be set. Please refer the below code snippet which illustrates this:

this.ChartWebControl1.Series[0].PointsToolTipFormat = "{2}";

The PrepareStyle event apply tooltip with the specified text. Please refer the below code snippet which illustrates this:

private void Series_PrepareStyle(object sender, ChartPrepareStyleInfoEventArgs args)
{
ChartSeries series = sender as ChartSeries;
if (series != null)
{
DateTime dateTime = series.Points[args.Index].DateX;
string xValue = dateTime.ToString("dd/MM/yyyy HH:mm");
//ToolTip associated with the ChartPoint
args.Style.ToolTip = xValue.ToString() + "," + series.Points[args.Index].YValues[0].ToString();
args.Handled = true;
}
}
Please refer the sample from the below link which explains you the above:

http://websamples.syncfusion.com/samples/Chart.Web/6.1.0.34/F70940/main.htm

And also you can get more details on the tooltip property of the chart from the below link:

http://www2.syncfusion.com/ug_61/gridwin/default.html

Please let me know if this helps you out.

Regards,
Raji






WebTest.zip

Steffen Dunst
Replied On January 14, 2008 03:50 PM UTC

No idea what's the problem is???

Stephan




Rajarajeswari S [Syncfusion]
Replied On January 23, 2008 05:14 AM UTC


Hi Stephan,

Sorry for the long delay in getting back to you.

Thanks for giving the sample to reproduce the issue. To make Tooltip to visible it is important to set the CalcRegions propety as True to the ChartWebControl. Your application is working perfectly after setting this property. Please refer the below code snippet of this property:


this.ChartWebControl1.CalcRegions=true;


You can set this property in aspx page also.

Please refer the VideoClip of your application with Tooltip from the below link:

http://www.syncfusion.com/support/user/uploads/tooltip_1a5fad6b.zip

Please refer the modeified sample fromt he below link:

http://websamples.syncfusion.com/samples/Chart.Web/6.1.0.34/F40940_new/main.htm


Please let me know if this helps you out.

Regards,
Raji



CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;