Highstock绘制滚动时跟随系列的图像

时间:2015-05-08 09:31:58

标签: javascript highcharts highstock

我需要使用Highstock插件为4个季节创建不同的背景。 我设法显示不同颜色的乐队,以显示季节的开始和结束。然后我偶然发现了这个插件: http://www.highcharts.com/plugin-registry/single/9/Pattern-Fill 但是我只能设置重复模式来填充乐队。或者,如果像CSS" no-repeat"可以实现SVG模式。

如何在乐队中间设置图像,使其成为一个很好居中的背景?我先尝试过标记,但这会影响X轴标签。如果没有addBand功能,我认为只使用高图图像渲染器绘制图像会更聪明。唯一的事情是您可以在图表中使用X Y坐标,但这不是highstock的情况,您可以在其中水平滚动整个事物。

1 个答案:

答案 0 :(得分:0)

经过几种不同的方法后,我最终将这个事件用于两个x轴:

  afterSetExtremes : function(e) {
                                var xMin = e.min;
                                var xMax = e.max;
                                var ex = graph.xAxis[1].getExtremes();
                                if (ex.min != xMin || ex.max != xMax) graph.xAxis[1].setExtremes(xMin, xMax, true, false);
                        }

([1]表示第2轴'事件和[0]表示第1轴'事件。)

不幸的是,我无法通过linkedTo参数实现效果。也许我错过了某些东西,或者它是一个用于不同场景的功能(高压,2 X轴)。