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.
Up arrow icon