【问题标题】:Highcharts y-axis labels removed after zoom out缩小后删除的 Highcharts y 轴标签
【发布时间】:2019-08-30 09:19:27
【问题描述】:

我用过highcharts7.0.2版本。

最初在我的应用程序中,图表折线图已正确绑定,但放大和缩小后会在轴标签上产生问题。

下面是一些相同的快照。

另外,我在“xy”轴上使用了zooming

 chart: {
    zoomType: 'xy'
    }

1) 缩小前的图表

2) 缩小后的图表

小提琴演示:https://jsfiddle.net/ukLaqtyv/。 要重现该问题,您必须进行非常大的缩放。

缩放图表

点击重置缩放按钮后

【问题讨论】:

  • 除非您显示一些代码,否则我们将无法为您提供帮助。请创建一个fiddle/codepen 示例并将链接发布到您的问题中。
  • 我添加了一个 jsfiddle 链接和场景,用于在描述中重现问题。
  • 仅供参考,我刚刚在 chrome、IE 和 firefox 上试过,只有 chrome 错误。

标签: javascript charts highcharts angular2-highcharts


【解决方案1】:

这个问题貌似是bug,所以我在Highcharts github上报告了:https://github.com/highcharts/highcharts/issues/10516

要解决此问题,您可以通过update 方法再次设置tickPositions

yAxis: {
    events: {
        afterSetExtremes: function(e) {
            if (
                typeof e.userMin == 'undefined' &&
                typeof e.userMax == 'undefined'
            ) {
                this.update({
                    tickPositions: this.tickPositions
                });
            }
        }
    }
},

现场演示: https://jsfiddle.net/BlackLabel/yx9wtf2p/

API 参考: https://api.highcharts.com/highcharts/yAxis.events.afterSetExtremes

【讨论】:

  • 仅第一次工作,点击“重置缩放”按钮后,放大无法正常工作。
  • 嗨@Maulik sojitra,是的,你是对的。请检查此解决方法:jsfiddle.net/BlackLabel/8nprost0
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多