0

我正在创建 4 个通过缩放链接在一起的图表。x 轴应该是相同的，但是由于某种原因，一旦您缩放，刻度线的间距不正确......而且红线必须在四个图表之间准确排列，但我假设它不会的原因排队是由于所有图表上的 xaxis 上的刻度......关于我如何解决这个问题的任何想法？最后是 JSFiddle。

我在 xAxis 上使用这种类型的事件来放大所有图表：

events: {
                        afterSetExtremes: function() {
                            if (!this.chart.options.chart.isZoomed) 
                            {
                                var xMin = this.chart.xAxis[0].min;
                                var xMax = this.chart.xAxis[0].max;
                                var zmRange = computeTickInterval(xMin, xMax);
                                chart1.xAxis[0].options.tickInterval =zmRange;
                                chart1.xAxis[0].isDirty = true;
                                chart2.xAxis[0].options.tickInterval = zmRange;
                                chart2.xAxis[0].isDirty = true;
                                chart3.xAxis[0].options.tickInterval = zmRange;
                                chart3.xAxis[0].isDirty = true;
                                chart4.xAxis[0].options.tickInterval = zmRange;                   
                                chart4.xAxis[0].isDirty = true;


                               chart1.options.chart.isZoomed = true;
                               chart3.options.chart.isZoomed = true;
                               chart4.options.chart.isZoomed = true;
                                chart1.xAxis[0].setExtremes(xMin, xMax, true);
                                chart4.xAxis[0].setExtremes(xMin, xMax, true)
                                chart3.xAxis[0].setExtremes(xMin, xMax, true);
                                 chart1.options.chart.isZoomed = false;
                                 chart4.options.chart.isZoomed = false;
                               chart3.options.chart.isZoomed = false;

                            }
                        }
                    }
                },

以下是图表：

http://jsfiddle.net/QNWxq/2/

谢谢！

4

0 回答 0