Charts disappear when zooming is enabled

I am testing Blazor Server Side Charts  (SF Blazor 18.2.0.44).

I have 4 Charts on my page which works very fine.

After enabling zoom function (see ChartZoomSettings) I have the following problem:
When zooming in one of the four charts all other charts disappear. Only the one I am zooming in is still on the page.

I have tried to assign each chart a unique ID. I have also tried to give them in div containers with unique IDs.
Nothing helped.

Did I miss something?

After trying a few things my code looks like this:

<div id="control-content">
                @foreach (var track in analyzerTracks)
                {
                    string chartId = string.Format("chart_id_{0}", track.AnalyzerTrackId);
                    <div [email protected]>
                        <div class="control-section">

                            <SfChart ID=@chartId Width="90%" [email protected]>
                                <ChartEvents Load="ChartLoad" />
                                <ChartTitleStyle Size="26px"></ChartTitleStyle>
                                <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.DateTime">
                                </ChartPrimaryXAxis>
                                <ChartTooltipSettings Enable="true"></ChartTooltipSettings>
                                <ChartZoomSettings EnableMouseWheelZooming="true" EnablePinchZooming="true" EnableSelectionZooming="true"></ChartZoomSettings>
                                <ChartSeriesCollection>
                                    @if (analyzerStatisticData != null && analyzerStatisticData.AnalyzerTracks.ContainsKey(track.TrackName))
                                    {
                                        @foreach (string groupName in analyzerStatisticData.AnalyzerTracks[track.TrackName].MaterialgroupValues.Keys)
                                        {
                                            <ChartSeries DataSource="@analyzerStatisticData.AnalyzerTracks[track.TrackName].MaterialgroupValues[groupName]"
                                                         Name=@groupName PointColorMapping="Color"
                                                         Width="2"
                                                         XName="Date" YName="Value" Type="ChartSeriesType.MultiColoredLine">
                                            </ChartSeries>
                                        }
                                    }
                                </ChartSeriesCollection>
                                <ChartLegendSettings Visible="true"></ChartLegendSettings>
                            </SfChart>
                        </div>
                    </div>
                }
            </div>

3 Replies 1 reply marked as answer

SM Srihari Muthukaruppan Syncfusion Team September 17, 2020 12:50 PM UTC

Hi Manfred, 
 
Thanking for contacting syncfusion support. 
 
We have analysed your query. From that, we would like to let you know that the chart is working fine while using multiple charts along with zooming. Unfortunately, we are unable to reproduce the reported scenario. We have also attached the sample used for testing for your reference. Please find the below screenshot, and sample.  
 
 
Screenshot: 
 
  
If you still face this issue. Kindly revert us with the following information which will be more helpful for further analysis and provide you the solution sooner.   
   
  1. Try to reproduce the reported scenario in the above sample
 
  1. Share the nugget version used in the project.
 
  1. Share the details if you have done any other customization in your sample.
  
Regards, 
Srihari M 


Marked as answer

MU Manfred Unger September 18, 2020 08:41 AM UTC

After updating from version 18.2.0.44 to 18.2.0.55 zooming works as expected.

Thank you very much for your sample project.


SM Srihari Muthukaruppan Syncfusion Team September 18, 2020 10:29 AM UTC

Hi Manfred,  
  
Most welcome. Kindly get in touch with us, if you would require further assistance. We are always happy in assisting you.    
    
Thanks,    
Srihari M  


Loader.
Up arrow icon