highstock - 如何禁用范围选择按钮？

Question

我正在为股票图表使用 highstock 图表。在我的图表中，我有一个按钮，如 1D、5D、6M、3YR、10YR 和 YTD。当我调整图表大小（ipad 纵向模式）时，图表中出现了 3 年、10 年和 YTD 按钮。图表中没有足够的空间放置按钮。所以我需要禁用几个按钮并在图表中仅显示 1D、5D 和 YTD 按钮。

在桌面模式下：

在 ipad 纵向模式下：

你能建议我怎么做吗？

提前致谢。

Answer 1

要禁用范围选择器，您可以使用以下代码：

rangeSelector: {
    enabled: false
}

并修改它的按钮，您可以使用此代码；

rangeSelector: {
    buttons: [{
        type: 'day',
        count: 3,
        text: '3d'
     }, {
        type: 'week',
        count: 1,
        text: '1w'
     }, {
        type: 'month',
        count: 1,
        text: '1m'
     }, {
        type: 'year',
        count: 1,
        text: '1y'
     }, {
        type: 'all',
        text: 'All'
     }],
     selected: 3
}

也许更少的按钮可以解决您的问题。

Answer 2

我认为您可以使用 CSS 来隐藏一些按钮，请参阅：http: //jsfiddle.net/wcqP9/

.highcharts-button {
    display: none;
}