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. Image for the cookie policy date
close icon

Normal Distribution Graph

Good day

I have been looking through the example an am not sure what type of graph i should use if i wanted to construct a normal distribution graph.
Could please advise how i could do this.

Regards,
Matheu

3 Replies

AB Akbar Basha K M Syncfusion Team February 12, 2016 11:54 AM UTC

Hi Matheu,

Thanks for using syncfusion product. We have analyzed your query and we suggest to use SplineArea series to show a normal distribution graph.

Code Snippet:

//…..

.Series(sr =>

            {

                sr.Border(st => st .Type(SeriesType.SplineArea).Add();

            })

….//



 Output image:




We have prepared a sample based on this.

Please find the sample under the following location,

Sample Location: http://www.syncfusion.com/downloads/support/forum/121953/ze/Normal_Distribution-1246193035

Please let us know if you have any concern.

Regards,

Akbar Basha KM.



MA Matheu February 12, 2016 03:26 PM UTC

Hey thanks so much for the help.

I have one more query with regard to the chart.

Would it be possible to add a line or some kind of marker to indicate a certain standard deviation from the mean. For instance if i wanted to generate that graph for one specific datapoint and show graphically where it lies in the normal distribution.

I attached a picture of what im trying to explain.

Thanks for the help.

Regards,
Matheu

Attachment: sync_req_8eb0a39b.zip


AB Akbar Basha K M Syncfusion Team February 15, 2016 08:55 AM UTC

Hi Matheu,

Thanks for your update.You can achieve this requirement using StripLine property as follows,

Code Snippet:

         // ...

          //Initializing Primary X Axis

.PrimaryXAxis(pr => pr

          //Initializing StripLine in X Axis

     .StripLine(str =>

          {

             str.Start(0.93)

            .End(1.07)

            .Text("Mean")

            .Visible(true)

            .TextAlignment(StriplineTextAlignment.MiddleCenter)

            .Color("#0D97D4")

            .Font(ft => ft.Size("13px").Color("Black"))

            .ZIndex(ChartZIndex.Over).Add();

          })

        
       // ...

)

        // ...

Output Image:

 



We have modified the previous sample based on this. Please find the sample under the following

Sample Location : Normal_Distribution

We have also attached the UG link. It will be helpful to create chart and chart functionalities,

Link : http://help.syncfusion.com/js/chart/

Regards,

Akbar Basha KM.


Loader.
Live Chat Icon For mobile
Up arrow icon