Javascript 如何在highcharts的深入分析中进行组合/在深入分析的箱线图中添加异常值?

Javascript 如何在highcharts的深入分析中进行组合/在深入分析的箱线图中添加异常值?,javascript,highcharts,combinations,boxplot,drilldown,Javascript,Highcharts,Combinations,Boxplot,Drilldown,我最近问了一个问题,但这是一个新的、相关但完全不同的问题。我想在深入分析的箱线图中添加异常值。我能够在主图中这样做,以一种组合方式,箱线图在一个系列中,而异常值在另一个系列中,作为“分散”。详情如下: series : [ {type : 'boxplot' , ...} , {type : 'scatter' ,...} ] drilldown : { series : [ {type : 'boxplot' , name : 's1' , id : 's1' , ...} , {type

我最近问了一个问题,但这是一个新的、相关但完全不同的问题。我想在深入分析的箱线图中添加异常值。我能够在主图中这样做,以一种组合方式,箱线图在一个系列中,而异常值在另一个系列中,作为“分散”。详情如下:

series : [ {type : 'boxplot' , ...} , {type : 'scatter' ,...} ]
drilldown : { series : [ {type : 'boxplot' , name : 's1' , id : 's1' , ...} , {type : 'scatter' , name : 's1' , id : 's1' , ...} ] }
但由于现在我的箱线图是深入分析,其系列表示不同的深入分析/数字,所以我不能在箱线图中添加异常值。详情如下:

series : [ {type : 'boxplot' , ...} , {type : 'scatter' ,...} ]
drilldown : { series : [ {type : 'boxplot' , name : 's1' , id : 's1' , ...} , {type : 'scatter' , name : 's1' , id : 's1' , ...} ] }
让他们使用相同的id和名称是没有用的,因为后者将涵盖正式的id和名称。因此,我当前的箱线图的深入箱线图没有异常值。如下所示

Highcharts.setOptions({
颜色:[“#33FFFF”、“#3399FF”、“#3333FF”、“#9933FF”、“#FF33FF”、“#FF3399”、“#FF3333”、“#FF9933”、“#ff33”、“#99FF33”、“#33FF33”、“#33FF33”、“00F57A”、“00B85C”]
});
$(函数(){
$(“#容器”)。高图({
图表:{
类型:“箱线图”
},
标题:{
文本:“”
},
图例:{
已启用:false
},
xAxis:{
类型:'类别',
标题:{
文本:“”
}
},
亚克斯:{
标题:{
文本:“RPKM”
}
},
打印选项:{
箱线图:{
medianColor:“#FFFFFF”,
中位数:1.2
}
},
系列:[
{数据:[
{
x:0,,
低:137.454800,
q1:193.180600,
中位数:239.781500,
第三季度:268.534200,
高位:307.995100,
pointWidth:24,fillColor:Highcharts.getOptions().color[0],color:Highcharts.getOptions().color[0],名称:'A'
,向下展开:'a0'
}
,
{
x:1,
低位:92.917810,
q1:136.239360,
中位数:155.951450,
第三季度:169.681420,
高位:215.367540,
pointWidth:24,fillColor:Highcharts.getOptions().color[1],color:Highcharts.getOptions().color[1],名称:'B'
,向下展开:'a1'
}
,
{
x:2,
低位:129.687600,
第一季度:155.824800,
中位数:177.170200,
q3:209.450400,
高位:284.302400,
pointWidth:24,fillColor:Highcharts.getOptions().color[2],color:Highcharts.getOptions().color[2],名称:'A'
,向下展开:'a2'
}
,
{
x:3,
低位:55.805900,
q1:117.463500,
中位数:139.745800,
第三季度:170.863200,
高位:230.989900,
pointWidth:24,fillColor:Highcharts.getOptions().color[3],color:Highcharts.getOptions().color[3],名称:'B'
,向下展开:'a3'
}
,
{
x:4,
低:65.473830,
q1:106.122030,
中位数:122.133410,
q3:139.876510,
高:179.184210,
pointWidth:24,fillColor:Highcharts.getOptions().color[4],color:Highcharts.getOptions().color[4],名称:'Late mid'
,向下展开:'a4'
}
,
{
x:5,
低位:29.982680,
q1:68.503770,
中位数:89.739910,
q3:98.614430,
高位:138.395890,
pointWidth:24,fillColor:Highcharts.getOptions().colors[5],color:Highcharts.getOptions().colors[5],名称:“Late”
,向下展开:'a5'
}
,
{
x:6,
低位:19.978470,
第一季度:39.705310,
中位数:51.624160,
q3:60.536260,
高位:83.889140,
pointWidth:24,fillColor:Highcharts.getOptions().colors[6],color:Highcharts.getOptions().colors[6],名称:“早期婴儿”
,向下展开:'a6'
}
,
{
x:7,
低:50.679100,
q1:55.191780,
中位数:58.813590,
q3:61.126990,
高位:68.266470,
pointWidth:24,fillColor:Highcharts.getOptions().colors[7],color:Highcharts.getOptions().colors[7],name:“晚期婴儿”
,向下展开:'a7'
}
,
{
x:8,
低:15.138200,
第一季度:30.538220,
中位数:37.540280,
q3:42.228450,
高位:49.069710,
pointWidth:24,fillColor:Highcharts.getOptions().color[8],color:Highcharts.getOptions().color[8],名称:'Early Children'
,向下展开:'a8'
}
,
{
x:9,
低位:18.499100,
q1:25.500380,
中位数:30.374310,
问题3:36.269800,
高位:51.134470,
pointWidth:24,fillColor:Highcharts.getOptions().color[9],color:Highcharts.getOptions().color[9],名称:'Late Children'
,向下展开:'a9'
}
,
{
x:10,
低位:22.025020,
q1:29.279230,
中位数:36.748660,
q3:46.518430,
高:67.598710,
pointWidth:24,fillColor:Highcharts.getOptions().color[10],color:Highcharts.getOptions().color[10],名称:“青春期”
,向下展开:'a10'
}
,
{
x:11,,
低位:10.235750,
第一季度:26.566710,
中位数:33.398670,
q3:40.092060,
高位:59.317570,
pointWidth:24,fillColor:Highcharts.getOptions().colors[11],color:Highcharts.getOptions().colors[11],name:“成年人”
,向下展开:'a11'
}
],
名称:'阶段级别',
工具提示:{
//标题:“观察:”,
页脚格式:“{point.key}
” } } ,{tooltip:{pointFormat:{point.fname}}中的{point.y},名称:'Outlier',颜色:Highcharts.getOptions().color[1],类型:'scatter',数据:[ {x:1,y:239.721302,fname:‘早期产前B’}, {x:1,y:55.716973,fname:'产前早期B'}, {x:1,y:76.719418,fname:'产前早期B'}, {x:1,y:64.015346,fname:'Early产前B'}, ],标记:{symbol:'circle'} ,{tooltip:{pointFormat:{point.fname}}中的{point.y},名称:'Outlier',颜色:Highcharts.getOptions().color[4],类型:'scatter',数据:[ {x:4,y:54.518196,fname:'产前中期晚期', ],标记:{symbol:'circle'} ,{tooltip:{pointFormat:{point.fname}}中的{point.y},名称:'Outlier',颜色:Highcharts.getOptions().colors[6],类型:'scatter',数据:[ {x:6,y:116.422878,fname:“早期婴儿期”}, ],标记:{symbol:'circle'} ,{tooltip:{pointFormat:{point.fname}}中的{point.y},名称:'Outlier',颜色:Highcharts.getOptions().colors[7],类型:'scatter',数据:[ {x:7,y:87.81937,fname:“晚期婴儿期”}, ],标记:{symbol:'circle'} ,{tooltip:{pointFormat:{point.fname}}中的{point.y},名称:'Outlier',颜色:Highcharts.getOptions().color[8],类型:'scatter',数据:[ {x:8,y:79.751904,fname:“幼儿期”}, {x:8,y:74.559397,fname:“幼儿期”}, {x:8,y:77.572389,fname:“幼儿期”}, {x:8,y:71.848965,fname:“幼儿期”}, ],马克