2016-07-13 3 views
0

Я использую биржевую диаграмму ng-highcharts. Здесь доступны доступные уровни масштабирования по умолчанию: 1m, 3m, 1y, YTD и All. Я хочу достичь трех вещей. болееСброс настроек по умолчанию и навигатора в Highcharts (ng-highcharts).

  1. Три масштабирования уровня, как 3Y, 5y, 6Y. И я хочу, чтобы установил один из них перед рисованием.
  2. Отключить поле ввода даты в верхнем правом углу. (даты могут быть изменены во время перемещения навигатора, но не могут редактировать напрямую).
  3. Отключить навигатор от расширение и заключение контрактов. (в основном размер должен быть таким же, как и с помощью кнопки масштабирования).

Ответит хотя бы на одно из них. Заранее благодарен

+0

3) Вы имеете в виду, что навигатор должен отключить "ручки" события? –

+0

Да отключить обработку событий –

+0

В настоящий момент для этой модификации требуется обернуть метод scroller.prototype.init и удалить события на обработчиках внутри scroller.mouseDownHandler. –

ответ

1

1)
Определите кнопку в диапазоне объектаSelector, как в случае с Highcharts по умолчанию.

buttons: [{ 
     type: 'month', 
     count: 1, 
     text: '1m' 
    }, { 
     type: 'month', 
     count: 3, 
     text: '3m' 
    }, { 
     type: 'month', 
     count: 6, 
     text: '6m' 
    }, { 
     type: 'ytd', 
     text: 'YTD' 
    }, { 
     type: 'year', 
     count: 1, 
     text: '1y' 
    }, { 
     type: 'year', 
     count: 3, 
     text: '3y' 
    }, { 
     type: 'year', 
     count: 5, 
     text: '5y' 
    }, { 
     type: 'year', 
     count: 6, 
     text: '6y' 
    }, { 
     type: 'all', 
     text: 'All' 
    }] 

2) Установите rangeSelector.inputEnabled параметров, как ложь,

Демо:

+0

Спасибо. Его работа. Но для вопроса номер 2 я хочу это поле ввода. но не редактируемые. в любом случае исправлено, что css –