Как использовать навигатор с высокой загрузкой на highchart

Question

У меня есть диаграмма сплайна datetime для высоких диаграмм, и я бы хотел добавить навигатор из highstocks (highstocks уже на странице), не изменяя ничего о графике.

Переключение с highchart на highstocks также изменяет множество по умолчанию, которые я бы хотел отменить (настройки осей, настройки легенд ... все виды). Я просто хочу навигатора.

Так что я бы либо хотел бы добавить только штурману моей highchart, или указать на полный список опций, которые я могу перейти к highstocks, чтобы он соответствовал Highcharts по умолчанию (если таковой существует).

Спасибо!

Answer 1

Заменяя highcharts.js с highstock.js вы не изменить поведение по умолчанию:

• Highcharts: http://jsfiddle.net/pq7o66as/
• Highstock: http://jsfiddle.net/pq7o66as/1/

Теперь просто включить навигатор:

http://jsfiddle.net/pq7o66as/2/

navigator: { 
     enabled: true  
    }, 

Примечание:

Не изменять конструктор из: $('#container').highcharts(options); в $('#container').highcharts('StockChart', options);.

и по умолчанию опции для Highstock:

chart: { 
     panning: true, 
     pinchType: 'x', 
     inverted: false // "true" is not supported in Highstock 
    }, 
    navigator: { 
     enabled: true 
    }, 
    scrollbar: { 
     enabled: true 
    }, 
    rangeSelector: { 
     enabled: true 
    }, 
    title: { 
     text: null, 
     style: { 
      fontSize: '16px' 
     } 
    }, 
    tooltip: { 
     shared: true, 
     crosshairs: true 
    }, 
    legend: { 
     enabled: false 
    }, 
    plotOptions: { 
     line: { 
      marker: { 
       enabled: false, 
       radius: 2 
      }, 
      states: { 
       hover: { 
        lineWidth: 2 
       } 
      } 
     }, 
     column: { 
      shadow: false, 
      borderWidth: 0 
     } 
    }, 
    xAxis: { 
      startOnTick: false, // only when navigator enabled 
      endOnTick: false, // only when navigator enabled 
      minPadding: 0, 
      maxPadding: 0, 
      ordinal: true, 
      title: { 
       text: null 
      }, 
      labels: { 
       overflow: 'justify' 
      }, 
      showLastLabel: true, 
      type: 'datetime' // in Highstock only supported type 
    }, 
    yAxis: { 
     labels: { 
      y: -2 
     }, 
     opposite: opposite, 
     showLastLabel: false, 
     title: { 
      text: null 
     } 
    }