如何将JavaScript函数注入由ajax加载的部分同一部分可以多次加载中？

如何解决如何将JavaScript函数注入由ajax加载的部分同一部分可以多次加载中？

我有一个局部视图，可以在同一视图中多次重复使用。 它托管一个chartjs元素。
部分加载，进行ajax调用以获取其数据。
从返回的数据中填充图表的各种键，并执行和加载图表。
局部的画布和包含div由父页面上局部的数字计数器唯一标识，该计数器使用Razor进行迭代以为每个图表构建div和画布。
都很好。
例如

@{
    divId = "divDetail" + ViewBag.ChartIndex.ToString();
    canvasId = "canvas" + ViewBag.ChartIndex.ToString();
}
<div id="@divId">
    <canvas id="@canvasId" style="background-color:black;">
        @Html.Partial("ChartPartial",Model)
    </canvas>
</div>

但是，图表具有一个“ onClick”键，我在由ajax调用的数据控制器操作中填充了ChartClick0，ChartClick1等。

如何动态创建一个名为ChartClick0或ChartClick1的脚本，以便调用并执行每个Chart的正确函数？

我在父屏幕上的ViewBag上尝试了New Function及其变体，但是没有运气。 使用“新功能”，我无法将“画布”和索引连接起来以产生新功能。