Javascript jQuery Flot图表未动态呈现

我目前使用的Flot图表应该是动态渲染的

该代码基本上在名为“characterChart”的所有div上重复，并根据索引创建多个Flot图表

这是基本的代码：

<div id="salesSelectorItems" class="chart-data-selector-items mt-3">
    @foreach($characters as $key=>$character)
        <div class="chart chart-sm" data-sales-rel="{{ $character->id }}" id="flotDashSales_{{ $key }}" name="characterChart" class="chart-active" style="height: 203px;"></div>
    @endforeach

    <script>
        var flotDashSalesData = [];
        $(document).ready(function() {                                       
            $('div[name=characterChart]').each(function (index, value) {                                     
                flotDashSalesData[index] = [{
                    data: [
                        ["Jan", 140],
                        ["Feb", 240],
                        ["Mar", 190],
                        ["Apr", 140],
                        ["May", 180],
                        ["Jun", 320],
                        ["Jul", 270],
                        ["Aug", 180]
                    ],
                    color: "#0088cc"
                }];
            });
        });     
    </script>
</div>

如您所见，我所做的尝试是创建一个数组，用characterChart名称在所有div上重复，并通过索引创建多个图表

然而，它仍然不起作用

---

我做错了什么？

我已通过删除以下内容来解决问题：

$(document).ready(function() {  

---

我假设它尝试初始化组件两次，导致Flot没有显示。

这怎么不起作用？你有错误信息吗？你经历了什么？

$(document).ready(function() {