Javascript 在Highcharts柱形图的第二个系列和第三个系列之间添加间隙,显示四个系列

Javascript 在Highcharts柱形图的第二个系列和第三个系列之间添加间隙,显示四个系列,javascript,plot,highcharts,Javascript,Plot,Highcharts,我有一个Highcharts列图显示 我希望系列1和系列2彼此接触(两个蓝色的),然后有一个小间隙,然后让系列3和系列4彼此接触(橙色的)。这能做到吗 我还没有找到一个自己做这件事的方法,在这里也找不到一个例子,或者在谷歌上搜索。有人能提供一些建议吗 $(函数(){ var图; var defaultTitle=“CT剂量”; var protocolNames=[‘腹部’、‘胸部’、‘鼻窦’]; $(文档).ready(函数(){ 图表=新的高点图表。图表({ 图表:{ renderTo:'

我有一个Highcharts列图显示

我希望系列1和系列2彼此接触(两个蓝色的),然后有一个小间隙,然后让系列3和系列4彼此接触(橙色的)。这能做到吗

我还没有找到一个自己做这件事的方法,在这里也找不到一个例子,或者在谷歌上搜索。有人能提供一些建议吗

$(函数(){
var图;
var defaultTitle=“CT剂量”;
var protocolNames=[‘腹部’、‘胸部’、‘鼻窦’];
$(文档).ready(函数(){
图表=新的高点图表。图表({
图表:{
renderTo:'容器',
键入:“列”,
活动:{
向下展开:函数(e){
parentSeriesIndex=e.point.series.index;
parentSeriesName=e.point.series.name;
chart.setTitle({
文本:“”
});
chart.yAxis[0]。setTitle({
文本:“数字”
});
if(parentSeriesName.indexOf('DLP')!=-1){
chart.xAxis[0]。setTitle({
文本:“DLP范围(mGy.cm)”
});
}
if(parentSeriesName.indexOf('CTDI')!=-1){
chart.xAxis[1].setTitle({
文本:“CTDI范围(mGy)”
});
}
chart.xAxis[0].setCategories([],true);
chart.tooltip.options.formatter=函数(args){
if(this.series.name.indexOf('DLP')!=-1){
returnValue=this.y.toFixed(0)+',DLP系列“+”,“+this.x;
}否则{
returnValue=this.y.toFixed(0)+',CTDI系列'+','+this.x;
}
返回值;
};
chart.yAxis[1]。更新({
标签:{
已启用:false
},
标题:{
文本:空
}
});
},
向上钻取:功能(e){
chart.setTitle({
文本:defaultTitle
}, {
文本:“”
});
chart.yAxis[0]。setTitle({
文本:“DLP(mGy.cm)”
});
chart.yAxis[1].setTitle({
文本:'CTDIvol(mGy)'
});
chart.xAxis[0]。setTitle({
文本:“”
});
chart.xAxis[1].setTitle({
文本:“”
});
chart.xAxis[0].setCategories(protocolNames,true);
chart.xAxis[0]。更新({
标签:{
轮换:90
}
});
chart.yAxis[1]。更新({
标签:{
已启用:true
},
标题:{
文本:'CTDIvol(mGy)'
}
});
}
}
},
标题:{
正文:“CT剂量”
},
xAxis:[{
标题:{
useHTML:true
},
类型:“类别”,
标签:{
是的,
轮换:90
}
}, {
标题:{
useHTML:true
},
类型:“类别”,
相反:是的,
标签:{
是的,
轮换:90
}
}],
亚克斯:[{
分:0,,
标题:{
文本:“DLP(mGy.cm)”
}
}, {
标题:{
文本:'CTDIvol(mGy)'
},
相反:对
}],
图例:{
对齐:'居中',
垂直排列:“顶部”,
浮动:是的,
边框宽度:0,
y:70
},
工具提示:{},
打印选项:{
专栏:{
边框宽度:0,
分组填充:0.2,
点填充:0
}
},
系列:[{
名称:“平均DLP”,
颜色:“#2b8cbe”,
数据:[{
姓名:'腹部',
y:150,
深入研究:“AbdomenDLP”
}, {
姓名:‘胸部’,
y:73,
深入研究:“ChestDLP”
}, {
名称:'窦',
y:20,
向下钻取:“正弦DLP”
}],
工具提示:{
valueSuffix:'mGy.cm'
}
}, {
名称:'中值DLP',
颜色:“#7BCC4”,
数据:[{
姓名:'腹部',
y:140,
深入研究:“AbdomenDLP”
}, {
姓名:‘胸部’,
y:63,
深入研究:“ChestDLP”
}, {
名称:'窦',
y:15,
向下钻取:“正弦DLP”
}],
工具提示:{
valueSuffix:'mGy.cm'
}
}, {
名称:“平均CTDI”,
颜色:“#d7301f”,
数据:[{
姓名:'腹部',
y:57.2,
向下钻取:“AbdomenCTDI”
}, {
姓名:‘胸部’,
y:25.8,
深入研究:“ChestCTDI”
}, {
名称:'窦',
y:43.4,
向下钻取:“正弦CTDI”
}],
工具提示:{
valueSuffix:'mGy'
},
亚克斯:1
}, {
名称:“中位CTDI”,
颜色:“#fdcc8a”,
数据:[{
姓名:'腹部',
y:52.2,
向下钻取:“AbdomenCTDI”
}, {
姓名:‘胸部’,
y:20.8,
深入研究:“ChestCTDI”
}, {
名称:'窦',
y:38.4,
向下钻取:“正弦CTDI”
}],
工具提示:{
valueSuffix:'mGy'
},
亚克斯:1
}],
向下展开:{
系列:[{
名称:'DLP',
id:“AbdomenDLP”,
数据:[
['高达150',4],
['高达200',2],
['最多250',1],
['高达300',2],
['高达350',1]
]
}, {
名称:‘胸部DLP’,
id:'ChestDLP',
数据:[
['最多100',40],
['高达110',21],
['u