将自定义下拉列表添加到高质量范围选择器菜单

Question

我想将自定义下拉按钮添加为高图，如下图所示。我尝试在this fiddle中添加自定义按钮，但它没有提供在图表上方添加下拉列表的方法。任何人都知道正确的方法。

    exporting: {
        buttons: {
            customButton: {
                x: -150,
                onclick: function () {
                    alert('Clicked');
                },
                symbol: 'circle'
            }
        }
    }

Answer 1

您可以对定义的CSS样式使用HTML select，例如position absolute和top / left。我的意思是在html中使用标签，这绝对是放置的。

HTML：

<div class="chart">
<select>
    <option>OHLC</option>
    <option>Candlestick</option>
</select>
<div id="container" style="height: 400px; width:750px;"></div>

CSS：

.chart {
position:relative;
}
.chart select {
    position:absolute;
    right:50%;
    top:45px;
    z-index:9999;
}

示例：http://jsfiddle.net/7v2bwv5u/2