如何解决Highcharts在双轴上的向下钻取问题,例如贝尔曲线图等
在点向下钻取的双轴图表中,我仍然能够看到位于第一层的钟形曲线。如果是,这是否是预期的行为,那么我如何才能停止在钻取中显示父系列。如果没有,请告诉我该如何解决。请查看有关该问题的小提琴。
以x和y轴为双轴示例为例,在向下钻取时会发生一些奇怪的事情,并且在向下钻取后会看到非父级序列。
X和Y轴双重下钻问题:https://jsfiddle.net/p6cz7Lk1/1/
有关钟形曲线问题,请参见此小提琴。 https://jsfiddle.net/6f379jw4/4/
Highcharts.chart('container',{
title: {
text: 'Bell curve'
},xAxis: [{
title: {
text: 'Data'
},alignTicks: false
},{
title: {
text: 'Bell curve'
},alignTicks: false,opposite: true
}],yAxis: [{
title: {
text: 'Data'
}
},series: [{
name: 'Bell curve',type: 'bellcurve',xAxis: 1,yAxis: 1,baseSeries: 1,zIndex: -1
},{
name: 'Data',type: 'scatter',data: [
{
"x": 0,"y": 3.5,drilldown: "Chrome"
},{
"x": 0.5,"y": 3
},{
"x": 1,"y": 3.2
},{
"x": 1.5,"y": 3.1
},{
"x": 2,"y": 3.6
},{
"x": 2.5,"y": 3.9
},{
"x": 3,"y": 3.4
},{
"x": 3.5,{
"x": 4,"y": 2.9
},{
"x": 4.5,{
"x": 5,"y": 3.7
},{
"x": 5.5,{
"x": 6,{
"x": 6.5,{
"x": 7,"y": 4
},{
"x": 7.5,"y": 4.4
},{
"x": 8,{
"x": 8.5,"y": 3.5
},{
"x": 9,"y": 3.8
},{
"x": 9.5,{
"x": 10,{
"x": 10.5,{
"x": 11,{
"x": 11.5,"y": 3.3
},{
"x": 12,{
"x": 12.5,{
"x": 13,{
"x": 13.5,{
"x": 14,{
"x": 14.5,{
"x": 15,{
"x": 15.5,{
"x": 16,"y": 4.1
},{
"x": 16.5,"y": 4.2
},{
"x": 17,{
"x": 17.5,{
"x": 18,{
"x": 18.5,{
"x": 19,{
"x": 19.5,{
"x": 20,{
"x": 20.5,"y": 2.3
},{
"x": 21,{
"x": 21.5,{
"x": 22,{
"x": 22.5,{
"x": 23,{
"x": 23.5,{
"x": 24,{
"x": 24.5,{
"x": 25,{
"x": 25.5,{
"x": 26,{
"x": 26.5,{
"x": 27,"y": 2.8
},{
"x": 27.5,{
"x": 28,{
"x": 28.5,"y": 2.4
},{
"x": 29,{
"x": 29.5,"y": 2.7
},{
"x": 30,"y": 2
},{
"x": 30.5,{
"x": 31,"y": 2.2
},{
"x": 31.5,{
"x": 32,{
"x": 32.5,{
"x": 33,{
"x": 33.5,{
"x": 34,{
"x": 34.5,"y": 2.5
},{
"x": 35,{
"x": 35.5,{
"x": 36,{
"x": 36.5,{
"x": 37,{
"x": 37.5,{
"x": 38,{
"x": 38.5,{
"x": 39,{
"x": 39.5,"y": 2.6
},{
"x": 40,{
"x": 40.5,{
"x": 41,{
"x": 41.5,{
"x": 42,{
"x": 42.5,{
"x": 43,{
"x": 43.5,{
"x": 44,{
"x": 44.5,{
"x": 45,{
"x": 45.5,{
"x": 46,{
"x": 46.5,{
"x": 47,{
"x": 47.5,{
"x": 48,{
"x": 48.5,{
"x": 49,{
"x": 49.5,{
"x": 50,{
"x": 50.5,{
"x": 51,{
"x": 51.5,{
"x": 52,{
"x": 52.5,{
"x": 53,{
"x": 53.5,{
"x": 54,{
"x": 54.5,{
"x": 55,{
"x": 55.5,{
"x": 56,{
"x": 56.5,{
"x": 57,{
"x": 57.5,{
"x": 58,{
"x": 58.5,{
"x": 59,{
"x": 59.5,{
"x": 60,{
"x": 60.5,{
"x": 61,{
"x": 61.5,{
"x": 62,{
"x": 62.5,{
"x": 63,{
"x": 63.5,{
"x": 64,{
"x": 64.5,{
"x": 65,{
"x": 65.5,{
"x": 66,{
"x": 66.5,{
"x": 67,{
"x": 67.5,{
"x": 68,{
"x": 68.5,{
"x": 69,{
"x": 69.5,{
"x": 70,{
"x": 70.5,{
"x": 71,{
"x": 71.5,{
"x": 72,{
"x": 72.5,{
"x": 73,{
"x": 73.5,{
"x": 74,{
"x": 74.5,"y": 3
}
],accessibility: {
exposeAsGroupOnly: true
},marker: {
radius: 1.5
}
}],drilldown: {
series: [{
name: "Chrome",id: "Chrome",data: [
[
"v65.0",0.1
],[
"v64.0",1.3
],[
"v63.0",53.02
],[
"v62.0",1.4
],[
"v61.0",0.88
],[
"v60.0",0.56
],[
"v59.0",0.45
],[
"v58.0",0.49
],[
"v57.0",0.32
],[
"v56.0",0.29
],[
"v55.0",0.79
],[
"v54.0",0.18
],[
"v51.0",0.13
],[
"v49.0",2.16
],[
"v48.0",[
"v47.0",0.11
],[
"v43.0",0.17
],[
"v29.0",0.26
]
]
},{
name: "Firefox",id: "Firefox",data: [
[
"v58.0",1.02
],7.36
],0.35
],[
"v52.0",0.95
],0.15
],[
"v50.0",0.31
],0.12
]
]
},{
name: "Internet Explorer",id: "Internet Explorer",data: [
[
"v11.0",6.2
],[
"v10.0",[
"v9.0",0.27
],[
"v8.0",0.47
]
]
},{
name: "Safari",id: "Safari",3.39
],[
"v10.1",0.96
],0.36
],[
"v9.1",0.54
],[
"v5.1",0.2
]
]
},{
name: "Edge",id: "Edge",data: [
[
"v16",2.6
],[
"v15",0.92
],[
"v14",0.4
],[
"v13",0.1
]
]
},{
name: "Opera",id: "Opera",data: [
[
"v50.0",0.82
],[
"v12.1",0.14
]
]
}
]
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。