Update chart in twig template after AJAX request not displaying

[Luka2010]

I try since weeks to update the chart via an AJAX request. I use tabs which send of the AJAX request
In my normal view I have the following function:

$('#country-tabs a').on('click', function (e) {
         e.preventDefault()
         $(this).tab('show');
         var $this = $(this),
         loadurl = $this.attr('href');

         var form = $('form');
                       
         var jsonData = $.ajax({
             url: loadurl,  
             type:       'POST',
             data: form.serializeArray(),
             dataType:   'json',  
             async: false,

             success: function(data, status) {              
                 $("div#client-loop-container").html(data.chartview); 
                 $('#status').addClass('status-bar-success');
     }
       }).responseText;

     });

My controller then returns

if ($request->isXmlHttpRequest())
       {   
         $result = $this->renderView('fruits/chart.html.twig', [
                 'fruitCounts' => $fruitCounts,
                 'barchart' => $barchart
           ]);
          return new JsonResponse(['success' => true, 'chartview' => $result]);
    }

My chart.twig.html then has the following:

   <div id="client-loop-container">
       <div class="w-100" id="div_chart"></div>
        {{  dump(barchart) }}      
        {% block javascripts %}
            <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
           <script type="text/javascript">          
             {{ gc_draw(barchart, 'div_chart') }}
           </script>
       {% endblock %}

dump(barchart) Shows CMEN\GoogleChartsBundle\GoogleCharts\Charts\LineChart with the updated data, but I do not get any Chart displayed. What am I missing here? Is it a bug, do I use it wrong or is it simply not possible to do?

[chekinih]

I have the same issue