如何在Highstock的股票图表中更改测量工具的背景颜色？

Question

因此，默认情况下，如果在highstock的股票图表的股票工具中使用measure-x工具，它将显示红色背景，并且看不到该度量工具选中的红色框后面的图表。

See a JSFiddle here

我想使红色尽可能地透明，如果可能的话，最好与measure-y或measure-xy一样，该颜色具有浅白色和透明背景色。 我不知道该怎么做？

我的代码：

SELECT * from xxx 
ORDER BY Col1

Answer 1

您可以通过以下选项更改背景颜色：

navigation: {
    bindings: {
        measure: {
            annotationsOptions: {
                typeOptions: {
                    background: {
                        fill: 'rgba(50, 150, 50, 0.5)'
                    }
                }
            }
        }
    }
}

实时演示： https://jsfiddle.net/BlackLabel/o1g78rfd/