在Highcharts(ng-highcharts)中重置默认缩放和导航器。

时间:2016-07-13 05:54:09

标签: javascript angularjs highcharts

我使用ng-highcharts的股票图表。此处可用的默认缩放级别为1m3m1yYTDAll。我想做三件事。

  1. 另外三个缩放级别,例如3Y5y6Y。我想在绘制之前设置其中一个
  2. 禁用右上角的输入日期字段。 (日期可以在导航器移动时更改,但无法直接编辑)。
  3. 展开和收缩
  4. 禁用导航器。 (基本上大小应该与缩放按钮设置的大小相同)。
  5. 至少回答其中任何一个都很明显。提前致谢

1 个答案:

答案 0 :(得分:1)

1)
在rangeSelector对象中定义按钮,就像在默认的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参数设置为false,

演示: