Javascript HighChart对象预期错误

我正在使用highcharts绘制条形图。为了启用滚动条，我使用了Highstock.js。添加highstock.js时，抛出异常作为IE中预期的对象。下面是代码示例

<script src="../js/jquery-2.1.1.js"></script>
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/jsMethods.js"></script>

<script type="text/javascript" src="../js/jquery.dataTables.min.js"></script>
<script src="../js/dataTables.bootstrap.js"></script>

 <script src="../js/highstock.js"></script>
 <script src="../js/highcharts.js"></script>



 $(function () {
  var chart = new Highcharts.Chart({ 
  chart: {
  renderTo: 'CompareModal',
  type: 'column'
   },
     title: {
              text: '',
            },
     xAxis: {
              categories: color,
              min: 6
             },

      plotOptions: {

                  column: {
                            pointPadding: 0.2,
                            borderWidth: 0
                           }
                          },
                                scrollbar: {
                                    enabled: true
                                },

                                series: [{
                                    name: 'Volume',
                                    data: colorVolume

                                }]

                            });
                        })

$（函数（）{
var chart=新的Highcharts.chart（{
图表：{
renderTo:“CompareModal”，
类型：“列”
},
标题：{
文本：“”，
},
xAxis：{
类别:颜色,，
最小：6
},
打印选项：{
专栏：{
点填充：0.2，
边框宽度：0
}
},
滚动条：{
已启用：true
},
系列：[{
名称：'卷'，
数据：彩色体积
}]
});
})

您在哪里定义了“CompareModal”div？在主体标记内，它的id应该是“CompareModal”，因为您告诉highcharts使用“CompareModal”将此图表呈现给一个div，idid是CompareModal，粘贴了一个错误的div。我已经用代码重新创建了图表，并给出了伪值。。一个问题是xAxis中的min:6，删除该。。如果仍然无法渲染，则颜色值、colorVolume的格式肯定不正确。。一个是字符串数组，另一个是我在这里给出的数字数组：