我正在使用以下内容：

gem "rails", "7.0.8" 
gem "sprockets-rails"                        
gem "jsbundling-rails"
gem 'turbo-rails', '~> 1.5'  
gem 'stimulus-rails', '~> 1.3'
gem "cssbundling-rails"       
gem 'importmap-rails', '~> 1.2', '>= 1.2.3'
gem 'rails_charts', '~> 0.0.6'
#gem 'chartkick', '~>5.0.5'

字符串
有了下面的代码，我基本上可以遵循流程。也就是说，turbo_stream.update将渲染部分，填充数据，然后将响应发送回浏览器，并将foobar替换为rails_charts脚本。但似乎脚本代码不执行，因此不呈现图表。我尝试在partial中添加console.log JS调用，这些也不呈现。当我把它切换到一个turbo_frame，测试console.log JS调用render，但图表仍然没有。我也试过chartkick-相同的区别。
我看了很多diff堆栈溢出的Q&A，包括这个Chartkick not loading in Ruby on Rails 7https://github.com/hotwired/turbo-rails/issues/416和其他几个，没有任何帮助。
我确实看到https://github.com/railsjazz/rails_charts在“贡献部分”有“支持turbo流？”-这表明turbo不支持-但后来我看到下面的JS，它有turbo事件侦听器在那里。
我觉得这将是一个惊人的流动，如果我能让他们的工作。现在，我恢复到满页加载可悲的，直到我可以整理出来-任何想法或帮助可能？

format.turbo_stream do
   render turbo_stream: [
      turbo_stream.update("avg_wait_area",
                         partial: "wait_stats/avg_wait_chart",
                              locals: { mon_stats: @mon_stats })
        ]
    end

in _avg_wait_chart.turbo_stream.erb
    <div id="avg_wait_area">
      foobar
    </div>


div id="rails_charts_339d948522be9104817e0757052eebc2663a61dc" class="box" style="width: 100%; height: 450px">
          <script>
            if (!window.RailsCharts) {
              window.RailsCharts = {}
              window.RailsCharts.charts = {}
            }

            function init_rails_charts_339d948522be9104817e0757052eebc2663a61dc(e) {
              if (document.documentElement.hasAttribute("data-turbolinks-preview")) return;
              if (document.documentElement.hasAttribute("data-turbo-preview")) return;

              <!-- RailsCharts::StackedBarChart -->
              var chartDom = document.getElementById('rails_charts_339d948522be9104817e0757052eebc2663a61dc');

              if (!chartDom) { return }

              var lib = ("echarts" in window) ? window.echarts : echarts;
              var chart = lib.init(chartDom, null, { "locale": null, "renderer": "canvas" });
              var option = {"series":[{"data":[0.24,2.15,3.1,3.1,4.54,5.3,5.77,6.25,9.36,16.81,22.97],"type":"bar","stack":{}}],"xAxis":{"type":"value"},"yAxis":{"type":"category","data":["A","b","c","d","f","g","h","i","j","k","l"]},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"toolbox":{"feature":{"saveAsImage":{}}},"title":{"text":"Average Wait Days - Dec-2023"},"visualMap":{"show":false,"min":0,"max":25,"orient":"horizontal"},"grid":{"containLabel":true,"left":0}};
              option && chart.setOption(option);

              window.RailsCharts.charts["rails_charts_339d948522be9104817e0757052eebc2663a61dc"] = chart;
            }

            function destroy_rails_charts_339d948522be9104817e0757052eebc2663a61dc(e) {
              var chart = window.RailsCharts.charts["rails_charts_339d948522be9104817e0757052eebc2663a61dc"];
              if (chart) {
                chart.dispose()
              }
              delete window.RailsCharts.charts["rails_charts_339d948522be9104817e0757052eebc2663a61dc"];
            }

            window.addEventListener('load', init_rails_charts_339d948522be9104817e0757052eebc2663a61dc);
            window.addEventListener('turbo:load', init_rails_charts_339d948522be9104817e0757052eebc2663a61dc);
            window.addEventListener('turbolinks:load', init_rails_charts_339d948522be9104817e0757052eebc2663a61dc);

            document.addEventListener("turbolinks:before-render", destroy_rails_charts_339d948522be9104817e0757052eebc2663a61dc);
            document.addEventListener("turbo:before-render", destroy_rails_charts_339d948522be9104817e0757052eebc2663a61dc);
          </script>
        </div>

型
我再次尝试了上述所有方法。