Any way to hide the Box and Whisker Chart Outliers from javascript code

[Chris Stadler]

In your Box and Whisker chart example you have the following line to hide the mean chart.series[0].showMean = element.checked;

Is there a similar function to hide the outliers using javascript?

[Dharanidharan Dharmasivam]

Hi Chris, 

Thanks for using Syncfusion products. 

We have analyzed your query and your requirement can be achieved by setting marker visibility as false in the series options to hide the outliers. Please find the below code snippet to achieve this requirement. 

[ChartController.cs] 

 

ViewBag.marker = new ChartMarkerSettings 

            { 

                Visible = false 

            }; 

[ChartFeatures.cshtml] 

 

@(Html.EJS().Chart("container").Series( 

           series => 

           { 

               series.Marker(ViewBag.marker).Add(); 

           }).Render() 

        ) 

Screenshot: 

 

Sample for your reference, can be find from below link, 

http://www.syncfusion.com/downloads/support/forum/139037/ze/Box&Whisker-1641929431  

Unfortunately, we are facing an issue while hovering over the points, the outlier is getting visible. So, we have logged a bug report, and the fix will be available in our next patch release on 7^th August, 2018. 

 

Thanks, 

Dharani. 

[Dharanidharan Dharmasivam]

Hi Chris, 

  

We are glad to announce that our v16.2.47 patch release is rolled out, we have included the fix for Need to remove the outliers while hover on the series and marker visible false for box and whisker series issue and is available for download under the following link. 

  

Npm Packages: https://www.npmjs.com/~syncfusionorg 

  

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us, if you would require any further assistance. 

  

Thanks,          

Dharani.