如何禁用范围选择按钮?

时间:2013-07-09 17:05:03

标签: highstock

我在股票图表中使用高价图表。在我的图表中,我有一个按钮,如1D,5D,6M,3YR,10YR和YTD。 当我调整图表大小(ipad肖像模式)时,3yr,10yr和YTD按钮即将出现在图表中。 图表中的按钮没有足够的空间。所以我需要禁用几个按钮并在图表中仅显示1D,5D和YTD按钮。

在桌面模式下: enter image description here

在ipad肖像模式下:

enter image description here

你能建议我怎么做吗?

先谢谢。

2 个答案:

答案 0 :(得分:6)

要禁用范围选择器,您可以使用以下代码:

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
}

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

答案 1 :(得分:1)

我认为您可以使用CSS隐藏部分按钮,请参阅:http://jsfiddle.net/wcqP9/

.highcharts-button {
    display: none;
}