Javascript 高图表条下半部分消失

Javascript 高图表条下半部分消失,javascript,highcharts,Javascript,Highcharts,很多时候,我的highchart条形图的下半部分在向下钻取和向上钻取时消失。我甚至禁用了plotoptions上的动画,但这并不能解决我的问题,我无法在JSFIDLE上复制该问题,但不确定是否是由于高图表问题 Highcharts.chart('container', { chart : { type : 'column', events : { drilldo

很多时候,我的highchart条形图的下半部分在向下钻取和向上钻取时消失。我甚至禁用了plotoptions上的动画,但这并不能解决我的问题,我无法在JSFIDLE上复制该问题,但不确定是否是由于高图表问题

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中复制了你的代码,但似乎一切都正常工作。