How to make Trend Plot line chart in modal pop up in ASP.NET

Question

How to make Trend Plot line chart in modal pop up in ASP.NET

BeUnique 2,332

I have some data and i want to make some chart.

My client asking Trend Plot line chart in modal pop up window.

How to make Trend Plot line chart in modal pop up in ASP.NET. How to do this...

This is (Trend plot Chart) very important for my client. pls. provide sample chart with asp.net

Example chart is below.

Accepted answer

1 additional answer

Your answer

Answer 1

Lan Huang-MSFT 30,191 Microsoft External Staff

Hi @BeUnique ,
Maybe you can try WebControl's free chart control for ASP.NET.
First, you need to download the WebControl.dll file (the dll file cannot be uploaded, it is recommended to download it from Google)
Then add the WebChart control to the toolbox and select the options menu "View -> Toolbox".
Right click on it and select the option Customize Toolbox.
Once in the Customize Toolbox dialog, select the .NET Framework Components tab. Click the Browse button.

Then just drag a chart control, you can refer to the example below

<Web:ChartControl id="Chart1" runat="server" BorderWidth="5px" BorderStyle="Outset" HasChartLegend="False" Padding="20"  ChartPadding="60" TopPadding="15" Height="551px" Width="827px" XValuesInterval="10">  
 <YTitle ForeColor="White" StringFormat="Center,Near,Character,DirectionVertical" Text="Units" Font="Tahoma, 8pt, style=Bold"></YTitle>  
 <ChartTitle ForeColor="DeepSkyBlue" StringFormat="Near,Near,Character,LineLimit" Text="This is a ScatterChart Test" Font="Verdana, 10pt, style=Bold"></ChartTitle>  
 <XTitle ForeColor="White" StringFormat="Center,Near,Character,NoWrap" Text="Date" Font="Tahoma, 8pt, style=Bold"></XTitle>  
 <Background Type="LinearGradient" StartPoint="0, 0" ForeColor="SteelBlue" EndPoint="800, 500" Color="Gray" HatchStyle="DiagonalBrick"></Background>  
 <Border EndCap="Flat" DashStyle="Solid" StartCap="Flat" Color="51, 102, 102" Width="2" LineJoin="Miter"></Border>  
 <PlotBackground Type="Solid" StartPoint="0, 0" ForeColor="White" EndPoint="100, 100" Color="White" HatchStyle="Shingle"></PlotBackground>  
 <YAxisFont ForeColor="115, 138, 156" StringFormat="Far,Near,Character,LineLimit" Font="Tahoma, 8pt, style=Bold"></YAxisFont>  
 <XAxisFont ForeColor="115, 138, 156" StringFormat="Near,Center,None,DirectionVertical" Font="Tahoma, 8pt, style=Bold"></XAxisFont>  
 <Legend Width="100" Font="Tahoma, 8pt">  
 <Border EndCap="Flat" DashStyle="Solid" StartCap="Flat" Color="Black" Width="0" LineJoin="Miter"></Border>  
 <Background Type="Solid" StartPoint="0, 0" ForeColor="Black" EndPoint="100, 100" Color="White" HatchStyle="Shingle"></Background>  
 </Legend>  
 </Web:ChartControl>

Best regards,
Lan Huang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

BeUnique 2,332 Reputation points

2022-03-01T13:45:52.133+00:00

Your reply is awesome.

Can you pls. confirm "Syncfusion" is a open source or paid tool/package..?

Because we are looking open source control (free version) only...

pls. help..
BeUnique 2,332 Reputation points

2022-03-02T04:34:48.107+00:00

Hi @Lan Huang-MSFT

Can you pls. update the license or open source details...
Lan Huang-MSFT 30,191 Reputation points Microsoft External Staff

2022-03-02T08:25:49.483+00:00

Hi @BeUnique ,
Maybe you can try WebControl. You can check my answer for details.
Best regards,
Lan Huang
BeUnique 2,332 Reputation points

2022-03-02T10:41:49.947+00:00

Thanks for your support and guidance.

I tried to download webcontrol.dll. But, i am getting the exact file...?

can you pls. mention the Link to download the WebControl.dll file...?

NOTE : pls. provide the source code as text file which you attached as image file.
BeUnique 2,332 Reputation points

2022-03-02T12:33:11.293+00:00

Hi @ LanHuang-MSFT,

Can you pls. update...?

This is important and need to complete asap.
Lan Huang-MSFT 30,191 Reputation points Microsoft External Staff

2022-03-03T01:35:08.22+00:00

Hi @BeUnique ,
Maybe you can try this download link.
http://www.carlosag.net/downloads.aspx?file=WebChart.zip
Best regards,
Lan Huang
BeUnique 2,332 Reputation points

2022-03-03T04:59:22.373+00:00

Thanks...can you pls. share the code which is posted as image..
Lan Huang-MSFT 30,191 Reputation points Microsoft External Staff

2022-03-03T05:04:31.833+00:00

Hi @BeUnique ,
179459-1.txt
BeUnique 2,332 Reputation points

2022-03-03T06:35:02.767+00:00

Getting Error.
What is the Assembly or namespace of "ScatterChart".
Lan Huang-MSFT 30,191 Reputation points Microsoft External Staff

2022-03-03T06:44:54.127+00:00

Hi @BeUnique ,
If you have already added controls, just click on the selected row in the screenshot.
BeUnique 2,332 Reputation points

2022-03-03T08:00:43.457+00:00

Really awesome. It's working.

First and last question to understand the logic of X-Axis and Y-Axis.

1)How to derive X-Axis and Y-Axis data from DB table (Example Below)
2)How to display value in scatter points while mouse over

I am using below table structure in SQL DB and it's column name below.

If the above is solved, my objective of the question is over.
BeUnique 2,332 Reputation points

2022-03-03T16:03:43.61+00:00

pls. help to give some logic in the code to arrive X and Y-axis using above table.

We have to apply many places like above concepts.
Lan Huang-MSFT 30,191 Reputation points Microsoft External Staff

2022-03-04T02:41:53.173+00:00

Hi @BeUnique ,
You can refer to this code. 179849-1.txt
If the answer is the correct solution, please click "Accept the answer".
If there are new questions, it is recommended to open a new thread.
Best regards,
Lan Huang

BeUnique 2,332

Thanks..

It's working almost all the cases except 2.

X-Axis want to display all the Dimension values from DB (Dimension field)
Mouse over highlighting not working. How to retrieve this. this is important.

Anything want to increase X.Axis interval number in show all the dimension values..?

below is my output graph..

below is the code :

 SmoothLineChart chart11 = new SmoothLineChart();  
                chart11.Line.Color = Color.CornflowerBlue;  
                chart11.DataSource = dataSet.Tables[0].DefaultView;  
                chart11.DataXValueField = "Dimension";  
                chart11.DataYValueField = "Price";  
                chart11.DataBind();  
                Chart1.Charts.Add(chart11);  
  
                Chart1.XAxisFont.StringFormat.FormatFlags = StringFormatFlags.DirectionVertical;  
                Chart1.RedrawChart();

BeUnique 2,332 Reputation points

2022-03-04T17:07:37.143+00:00

I posted new thread.

pl. guide if possible.

below is the new thread URL ==> not-showing-all-trendline-points-in-aspnet.html
BeUnique 2,332 Reputation points

2022-03-07T05:00:30.293+00:00

Can you pls. update the mentioned plot point graph line changes...?

Answer 2

AgaveJoe 30,126

GaniTPT, do an Internet search to find a Chart library that suits your needs.

https://www.google.com/search?q=Trend+plot+Chart+JavaScript
https://www.google.com/search?q=Trend+plot+Chart+asp.net

BeUnique 2,332 Reputation points

2022-03-07T11:45:18.6+00:00

we couldn't find exact asp.net chart control for TrendLine.

Can i have any sample source code for asp.net Trend Line chart..?

We are struggling...
AgaveJoe 30,126 Reputation points

2022-03-07T12:10:06.787+00:00

I don't know if the asp.net chart control has the features you are looking for. Frankly, you've been working with the chart control for a few days now. You should have a very good idea how the control works and if the chart control meets your requirements.

Perhaps it is time to find a different chart library?

Share via

How to make Trend Plot line chart in modal pop up in ASP.NET

1 additional answer

Your answer