Javascript HighChart堆叠图表重叠较小的数据大小

我用的是Jugal的工作区编辑器， 在JS部分中，我应用了自己的JS并面临一个问题

大量数据将重叠整个数据点。有人能帮忙吗

var图表选项={
图表：{
输入：“酒吧”，
renderTo:'容器'，
倒过来：是的
},
标题：{
文字：“兔子图”
},
xAxis：{
标题：{
案文：“”
},
类型：“类别”，
类别：[“DIP”、“C”、“Can”、“Sch”、“DC”]
},
亚克斯：{
标题：{
案文：“”
},
最小值：0.0，
最高：503.0
},
专栏：{
堆叠：“正常”
},
图例：{
启用：对，
对齐：“居中”，
浮动：假，
itemMarginBottom:0，
itemMarginTop:0，
布局：“水平”，
线宽：0，
垂直排列：“底部”，
x:0,，
y:0
},
学分：{
已启用：false
},
打印选项：{
地区：{}，
酒吧：{}，
馅饼：{
数据标签：{}
},
系列：{
光标：“指针”，
//堆叠：“正常”，
要点：{
活动：{
单击：{}
}
}
},
专栏：{
分组：false，
影子：错
}
},
系列：[{
数据：[{
y:74.0，
名称：“A”，
颜色：#CCFF90“，
ddlRecordId:[243496243496243501243501243506243506]，
}, {
y:2.0，
名称：“A”，
颜色：#CCFF90“，
ddlRecordId:[243641、243641、243676、243676]
}
],
名称：“A”，
分组：false，
点填充：0.1，
数据标签：{
已启用：true
},
颜色：“CCFF90”
}, {
数据：[{
y:28.0，
名称：“B”，
颜色：“FFFF90”，
ddlRecordId:[243881、243881、243886、243886]
}, {
y:3.0，
名称：“B”，
颜色：“FFFF90”，
ddlRecordId:[243926243926243961 243961 243981 243981]
}
],
名称：“B”，
分组：false，
点填充：0.1，
数据标签：{
已启用：true
},
颜色：“FFFF90”
}, {
数据：[{
y:25.0，
名称：“C”，
颜色：“FFCCFF”，
ddlRecordId:[244726244726244731244731]
}
],
名称：“C”，
分组：false，
点填充：0.1，
数据标签：{
已启用：true
},
颜色：“FFCCFF”
}, {
数据：[{
y:62.0，
名称：“E”，
颜色：#CC6699“，
ddlRecordId:[244036、244036、244041、244041]
}, {
y:2.0，
名称：“E”，
颜色：#CC6699“，
ddlRecordId:[244211244211244296244296]
}
],
名称：“E”，
分组：false，
点填充：0.1，
数据标签：{
已启用：true
},
颜色：“CC6699”
}, {
数据：[{
y:8.0，
名称：“F”，
颜色：“FF3300”，
ddlRecordId:[244851244851244856244856]
}
],
名称：“F”，
分组：false，
点填充：0.1，
数据标签：{
已启用：true
},
颜色：“FF3300”
}, {
数据：[{
y:174.0，
名称：“G”，
颜色：“6666CC”，
ddlRecordId:[244891244891244896244896]
}
],
名称：“G”，
分组：false，
点填充：0.1，
数据标签：{
已启用：true
},
颜色：“6666CC”
}, {
数据：[{
y:85.0，
名称：“H”，
颜色：#666666“，
ddlRecordId:[245761、245761、245766、245766]
}
],
名称：“H”，
分组：false，
点填充：0.1，
数据标签：{
已启用：true
},
颜色：“666666”
}, {
数据：[{
y:161.0，
姓名：“我”，
颜色：#669999“，
ddlRecordId:[234731234731234751234751]
}, {
y:503.0，
姓名：“我”，
颜色：#669999“，
ddlRecordId:[234736234736234741234741]
}, {
y:355.0，
姓名：“我”，
颜色：#669999“，
ddlRecordId:[234771234771234776234776]
}, {
y:35.0，
姓名：“我”，
颜色：#669999“，
ddlRecordId:[234936234936235186235186]
}
],
姓名：“我”，
分组：false，
点填充：0.1，
数据标签：{
已启用：true
},
颜色：“669999”
}, {
数据：[{
y:232.0，
姓名：“J”，
颜色：“009999”，
ddlRecordId:[237406、237406、237411、237411]
}, {
y:20.0，
姓名：“J”，
颜色：“009999”，
ddlRecordId:[237466，237466，237471，237471]
}
],
姓名：“J”，
分组：false，
点填充：0.1，
数据标签：{
已启用：true
},
颜色：“009999”
}, {
数据：[{
y:61.0，
名称：“K”，
颜色：“CCFF99”，
ddlRecordId:[244416、244416、244421、244421]
}, {
y:1.0，
名称：“K”，
颜色：“CCFF99”，
ddlRecordId:[244441244441]
}
],
名称：“K”，
分组：false，
点填充：0.1，
数据标签：{
已启用：true
},
颜色：“CCFF99”
}, {
数据：[{
y:460.0，
姓名：“L”，
颜色：“FFFF99”，
ddlRecordId:[2411964119241201201201]
}
],
姓名：“L”，
分组：false，
点填充：0.1，
数据标签：{
已启用：true
},
颜色：“FFFF99”
}
],
数据分组：{
组像素宽度：40
}
};
chartingOptions=$.extend（{}，jugalsLib.getBasicChartOptions（），chartingOptions）；
var图表=新的Highcharts.chart（图表选项）请修复代码段错误！当前，当我尝试运行它时，我得到一个“未捕获引用错误：$未定义”。@Botimoo:请您使用URL进行测试。只需复制并粘贴JS部分中的代码片段。您可以找到您将series.grouping设置为false的问题-这会导致您的问题。您应该能够使用堆叠，而不是分组：false：