将自定义下拉菜单添加到高库存范围选择器菜单

Question

我想将如下图所示的自定义下拉按钮添加到 highchart。我尝试像 this fiddle 那样添加自定义按钮，但它没有提供在图表上方添加下拉菜单的方法。谁知道正确的方法。

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

Answer 1

您可以将 HTML select 与定义的 CSS 样式一起使用，例如绝对位置和 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

将自定义下拉菜单添加到高库存范围选择器菜单

Adding a custom drop down to highstock range selector menu

javascript

highcharts

highstock