HighCharts：条形柱在向上钻取时未达到 x 轴

Question

我正在努力解决 HighChart/HighStock 问题。我创建了一个 JSFiddle 来解释我的问题！当用户在其中一个条柱上使用向下钻取时，y 轴可能会收缩，从而导致 x 轴变高。这没问题，但是当用户通过向上钻取返回到概览时，以前的 x 轴长度是为条形列实现的，而 x 轴变低了。我在文档中找不到任何帮助我解决问题的内容，而且我还没有发现类似的问题。

我正在使用的下钻：

drilldown: {
    drillUpButton: {
        relativeTo: 'spacingBox',
        position: {
            y: 0,
            x: 0
        },
        theme: {
            fill: 'white',
            'stroke-width': 1,
            stroke: 'silver',
            r: 0,
            states: {
                hover: {
                    fill: '#D2D2D2'
                },
                select: {
                    stroke: '#039',
                    fill: '#D2D2D2'
                }
            }
        }
    },
    series: [{"data":......}]
}

有人可以帮我调整代码，以便在向上钻取事件中重新配置条形列以到达 x 轴

Answer 1

看起来这是一个只有在启用导航器时才会出现的向下钻取动画的错误。已举报here.

应该在没有动画的情况下工作：

     drilldown: {
                animation: false,

示例：http://jsfiddle.net/3e3xqv7e/47/

总的来说，我认为导航器不适合向下钻取，因此使其正常工作可能很棘手。但是，选项 series.showInLegend 有效，除了导航器的 min/max 在钻取后发生更改 - 因此您需要正确设置它。

 drillup: function (e) {
      this.navigator.xAxis.setExtremes(0, 4, true, false);
   /*   this.navigator.xAxis.update({
        min: 0,
        max: 4
      }, true);*/
    }

示例：http://jsfiddle.net/c1nqpz7d/2/

HighCharts：条形柱在向上钻取时未达到 x 轴

HighCharts: Bar columns don't reach x-Axis on drill up

javascript

jquery

highcharts

highstock