Highstock 主题范围按钮

Question

所以，我正在尝试为 Highstock 范围按钮设置主题。问题是，我找不到我可以使用的可用属性以及如何使用它们的详细列表。现在我正在尝试在这个小提琴上获得圆形（不是圆角，一个完整的圆圈）按钮：

http://jsfiddle.net/QeDGC/4/

$(function() {
    $('#container').highcharts('StockChart', {

        chart: {
        },

        rangeSelector: {
            buttonTheme: { // styles for the buttons
                //fill: 'none',
                //stroke: 'none',
                //'stroke-width': 0,
                r: 15,
                height:26,
                style: {
                    color: '#039',
                    fontWeight: 'bold'
                },
                states: {
                    hover: {
                    },
                    select: {
                        fill: '#039',
                        style: {
                            color: 'white'
                        }
                    }
                }
            },
            inputBoxBorderColor: 'gray',
            inputBoxWidth: 120,
            inputBoxHeight: 18,
            inputStyle: {
                color: '#039',
                fontWeight: 'bold'
            },
            labelStyle: {
                color: 'silver',
                fontWeight: 'bold'
            },
            selected: 1
        },

        series: [{
            name: 'USD to EUR',
            data: usdeur
        }]
    });
});

问题是，我不知道如何在保持文本居中的同时更改按钮的形式。我可以更改 r 和高度，直到获得我想要的外观，但文本不会居中。如果有人能告诉我要更改什么以使按钮内的文本居中会很棒，但理想情况下，我希望有一个链接，其中包含我可以使用的所有可用 SVG 选项的描述以及它们采用哪些参数

泰，

阿克塞尔

Answer 1

很遗憾，没有这样的文本翻译选项。只有你可以设置更高的fontSize，但这不是很好的解决方案。

解决方法是仅更改标签的 y 偏移量，看看：http://jsfiddle.net/QeDGC/5/

    chart: {
        events: {
            load: function () {
                var chart = this;
                $.each(chart.rangeSelector.buttons, function (i, button) {
                    var textStr = button.element.childNodes[1];
                    $(textStr).attr({
                        y: 20
                    });
                });
            }
        }
    },