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

Question

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

如何在乐队中间设置图像，使其作为一个很好的居中背景？我先尝试了标记，但这会影响 X 轴标签。如果不使用 addBand 功能，我认为使用 highchart 图像渲染器绘制图像会更聪明。唯一的问题是您可以在图表中使用 X Y 坐标，但这不是 highstock 的情况，您可以水平滚动整个内容。

Answer 1

经过几种不同的方法后，我最终对两个 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 参数实现效果。也许我遗漏了什么或者它是用于与我不同的场景的功能（highstock，2 个 X 轴）。

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

Highstock plotting images that follow series when scrolling

javascript

highcharts

highstock