Question

我正在创建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/

谢谢！

如何确保数据在高图xAx上排列在4个独立的图形中？

0 个答案: