Javascript 高图表条下半部分消失
很多时候,我的highchart条形图的下半部分在向下钻取和向上钻取时消失。我甚至禁用了plotoptions上的动画,但这并不能解决我的问题,我无法在JSFIDLE上复制该问题,但不确定是否是由于高图表问题Javascript 高图表条下半部分消失,javascript,highcharts,Javascript,Highcharts,很多时候,我的highchart条形图的下半部分在向下钻取和向上钻取时消失。我甚至禁用了plotoptions上的动画,但这并不能解决我的问题,我无法在JSFIDLE上复制该问题,但不确定是否是由于高图表问题 Highcharts.chart('container', { chart : { type : 'column', events : { drilldo
Highcharts.chart('container', {
chart : {
type : 'column',
events : {
drilldown : function(e) {
this.xAxis[0].setTitle({
text : 'Error Type'
});
this.setTitle({ text: "Error Distribution by Specifics" });
this.xAxis[0].update({
tickInterval: 0,
});
},
drillup : function(e) {
this.xAxis[0].setTitle({
text : 'Mean Absolute Error (in days)'
});
this.setTitle({ text: "Error Distribution by Days" });
this.xAxis[0].update({
tickInterval: 0.5,
});
}
}
},
title: {
text: 'Error Distribution (Days)'
},
xAxis : {
title : {
text : 'Mean Absolute Error in Days'
},
type: 'category',
tickInterval : 0.50,
crosshair : true
},
yAxis : {
title : {
text : 'Predicted Error Count'
}
},
plotOptions: {
column: {
animation:false
}
},
tooltip : {
headerFormat : '',
shared : true,
pointFormat : 'Predicted Error Count : {point.y}'
},
series: [
{
name: "Error Distribution by Days Report",
data: [
{
"x":2,
"y":500,
"drilldown":"2",
"name":2
},
{
"x":3.5,
"y":500,
"drilldown":"3.5",
"name":3.5
},
{
"x":10,
"y":3508,
"drilldown":"10",
"name":"More"
}
]
}
],
drilldown: {
series:[
{
"name":"2",
"id":"2",
"pointWidth":30,
"data":[
[
"Error A",
500
]
]
},
{
"name":"10",
"id":"10",
"pointWidth":30,
"data":[
[
"Error A",
501
],
[
"Error B",
1001
],
[
"Error C",
1
]
]
},
{
"name":"3.5",
"id":"3.5",
"pointWidth":30,
"data":[
[
"Error B",
500
]
]
}
]
}
});
页面加载时的图像如下所示
现在,当我向下钻取,然后再向上钻取时,会出现下半部分
向下钻取过程中也会出现同样的问题。通过在打印选项中添加clip:false解决了该问题,发现向下钻取时会生成额外的clipPath,删除它会根据您的描述解决该问题,这可能是一个highchart错误吗?你能在这里复制这个问题吗?不,我不能在jsfiddle上复制我在jsfiddle中复制了你的代码,但似乎一切都正常工作。