Javascript 无法在引导模式内显示div

我有Bootstrap4模式，在模式体中，试图显示包含条形图的。下面是代码

<!-- Modal body -->
    <div class="modal-body">
   Modal body..
   <!--Markup to display graph-->
   <div id="chart1" style="margin-top: 20px; margin-left: 20px; width: 300px; height: 300px;"></div>              
   </div

情态体。。
我已经从按钮中删除了
onClick
，并在js中的
show.bs.modal
上调用
BarChartAjax

$('#graphicalModal').on('shown.bs.modal', function () {
   BarChartAjax('2, 4, 5, 6', ['a', 'b', 'c', 'd']);
})

这里的图表是在模态打开时显示的，但我认为传递给BarChartAjax函数的数组存在一些问题，所以图表显示不正确，所以请检查传递给函数的值


功能显示条形图（数据）{
//调试器；
var数组=data.split（“-”）；
var s1=array[0].split（'，）.map（函数（el）{return+el；}）；
var ticks=array[1]。拆分（'，'）；
$.jqplot.config.enablePlugins=true；
控制台日志（s1）；
plot1=$.jqplot（'chart1'，[s1]{
//只有在我们不使用excanvas（不在IE7或IE8中）时才进行动画制作。。
动画：！$.jqplot.use_excanvas，
系列默认值：{
渲染器：$.jqplot.blunderer，
点标签：{show:true}
},
轴线：{
xaxis：{
渲染器：$.jqplot.CategoryAxisRenderer，
滴答声：滴答声
}
},
荧光灯：{show:false}
});
$（“#图表1”）.bind（'jqplotDataClick'，
函数（ev、序列索引、点索引、数据）{
$（'info1'）.html（'series:'+seriesIndex+'，point:'+pointIndex+'，data:'+data'）；
}
);
}
函数BarChartAjax（扩展数据、ydata）{
var dataToSend=JSON.stringify（{'GraphData'：扩展数据+“-”+ydata}）；
显示条形图（dataToSend）；
}
$（'#graphicalModal'）.on（'show.bs.modal'，function（）{
BarChartAjax（'2,4,5,6'，['a'，'b'，'c'，'d']）；
})

分析与预测
模态标题
&时代；
情态体。。
接近
你能展示一下你的小提琴吗。@NegiRox我会制作一把并展示出来。你在寻找哪部分代码？@RAM我很确定你昨天也问了这个问题，正如我昨天所说的，你必须为我们提供一个你所面临问题的工作示例。尝试在模态分析之后初始化条形图open@Nidhi怎么做？我们有一个活动为模态开放..谢谢。非常感谢！！
$('#graphicalModal').on('shown.bs.modal', function () {
   BarChartAjax('2, 4, 5, 6', ['a', 'b', 'c', 'd']);
})