Javascript 如何使highchart完全被已设置的div占用？

目前我正在使用coldfusion制作highCharts。我需要在表中以相同的列大小显示3个图表，这些图表必须占用已设置的div。我设法显示了所有的图表，但是列的大小不一样，并且图表没有占用列。下面是我的图像和代码的打印屏幕。

类别=['1'，'2'，'3'，'4'，'5'，'6'，'7'，'8'，'9'，'10'，'11'，'12'，'13'，'14'，'15'，'16'，'17'，'18'，'19'，'20'，'21'，'22'，'23'，'24'，'25'，'26'，'27'，'28'，'29'，'30'，'31']；
系列=[{
“类型”：“列”，
'姓名'：'上个月'，
‘数据’：[‘80’、‘136’、‘220’、‘314’、‘371’、‘424’、‘522’、‘611’、‘679’、‘730’、‘806’、‘876’、‘906’、‘1003’、‘1044’、‘1084’、‘1120’、‘1147’、‘1228’、‘1259’、‘1277’、‘1278’、‘1306’、‘1318’、‘1365’、‘1413’、‘1513’、‘1522’、‘1614’]
}, {
“类型”：“列”，
“名称”：“MTD”，
‘数据’：[‘70’、‘97’、‘158’、‘207’、‘216’、‘254’、‘264’、‘266’、‘340’、‘406’、‘442’、‘532’、‘626’、‘683’、‘688’、‘771’、‘827’、‘881’、‘900’、‘934’、‘995’、‘1074’、‘1081’、‘1091’、‘1174’、‘1236’、‘1244’、‘1316’、‘1409’、‘1486’]
}, {
“类型”：“样条曲线”，
'名称'：'目标'，
‘数据’：[‘84’、‘148’、‘162’、‘200’、‘212’、‘282’、‘341’、‘358’、‘452’、‘539’、‘632’、‘661’、‘687’、‘784’、‘793’、‘822’、‘876’、‘937’、‘975’、‘1035’、‘1106’、‘1159’、‘1212’、‘1239’、‘1298’、‘1305’、‘1340’、‘1409’、‘1479’]，
“标记器”：{
“已启用”：false
}
}];
类别1=[“总体”、“应用预订”、“接待”、“服务顾问”、“完成交付流程”]；
系列1=[{
'姓名'：'上个月'，
‘数据’：[3.775,3.5,3.9,4,3.7]，
“pointPlacement”：“on”
}, {
“名称”：“MTD”，
‘数据’：[3.775,3.7,3.5,3.9,4]，
“pointPlacement”：“on”
}, {
'名称'：'目标'，
‘数据’：[3.725,3.8,3.5,3.7,3.9]，
“pointPlacement”：“on”
}];
分类2=['1'，'2'，'3'，'4'，'5'，'6'，'7'，'8'，'9'，'10'，'11'，'12'，'13'，'14'，'15'，'16'，'17'，'18'，'19'，'20'，'21'，'22'，'23'，'24'，'25'，'26'，'27'，'28'，'29'，'30'，'31']；
系列2=[{
“类型”：“样条曲线”，
“名称”：“在制品案例”，
‘数据’：[5,13,13,13,10,9,7,6,14,12,9,7,11,11,5,12,11,8,6,15,12,11,11,11,5,5,14,11,12,15,9]，
“标记器”：{
“已启用”：false
}
}];
分类3=['1'，'2'，'3'，'4'，'5'，'6'，'7'，'8'，'9'，'10'，'11'，'12'，'13'，'14'，'15'，'16'，'17'，'18'，'19'，'20'，'21'，'22'，'23'，'24'，'25'，'26'，'27'，'28'，'29'，'30'，'31']；
系列3=[{
“类型”：“样条曲线”，
“名称”：“在制品案例”，
‘数据’：[5,13,13,13,10,9,7,6,14,12,9,7,11,11,5,12,11,8,6,15,12,11,11,11,5,5,14,11,12,15,9]，
“标记器”：{
“已启用”：false
}
}];
$（函数（）{
var图表=新的Highcharts.图表({
图表：{
renderTo:“容器”
},
标题：{
文本：“组合图表”，
x:-1000
},
正在导出：{enabled:false}，
亚克斯：{
标题：{
},
绘图线：[{
值：0，
宽度：1，
颜色：'#808080'
}]
},
xAxis：{
标题：{
},
类别：#序列化JSON（类别）#，
时间间隔：29}，
标记：{
已启用：false
},
工具提示：{
分享：是的，
pointFormat:“{series.name}:{point.y:，.2f}
”
},
图例：{
项目样式：{
},
},
系列：#序列化JSON（系列）#
});
});
$（函数（）{
变量类别链接={
“总体”：http://127.0.0.1:8500/highCharts/Spiderweb.cfm?id=1234',
“应用程序预订”：http://127.0.0.1:8500/highCharts/line.cfm',
“服务顾问”：http://127.0.0.1:8500/highCharts/combine.cfm'
};
var图表=新的Highcharts.图表({
图表：{
是的，
键入：“行”，
renderTo:“容器1”
},
标题：{
文本：“预算与支出”，
x:-1000
},
窗格：{
尺寸：“100%”
},
xAxis：{
类别：#序列化JSON（类别1）#，
勾选位置：“on”，
线宽：0，
标签：{
格式化程序：函数（）{
返回“”；
},
风格：{
fontSize:'8px'，
}
}
},
亚克斯：[{
gridLineInterpolation:“多边形”，
线宽：0，
民:3,，
恩东蒂克：是的，
showLastLabel:true，
位置：[3,3.5,4,4.5,5]，
}],
打印选项：{
系列：{
光标：“指针”，
要点：{
活动：{
单击：函数（）{
警报（'类别：'+this.Category+'，值：'+this.y）；
}
}
}
}
},
图例：{
垂直排列：“顶部”，
y:-100，
x:-100，
布局：“垂直”
},  
正在导出：{enabled:false}，
工具提示：{
分享：是的，
pointFormat:“{series.name}:{point.y:，.2f}
”
},
系列：#序列化JSON（系列1）#
});
});
$（函数（）{
var图表=新的Highcharts.图表({
图表：{
键入：“行”，
renderTo:“container3”
},
标题：{
文本：“预算与支出”，
x:-1000
},
亚克斯：{
标题：{
文本：“在制品老化”，
},
showLastLabel:true，
滴答声