Как проиллюстрировать серии угловых данных в высоких диаграммах?

Question

У меня есть набор данных, где значения ряда являются углами в градусах (от 0 до 360). Можно ли построить график, подобный показанному на рисунке here (игнорировать зеленую вертикальную линию) в высоких диаграммах? В частности, если какой-либо из следующих критериев трюмы, график следует избегать увязки двух точек данных непосредственно в смысле прохождения через юг (180), и должен пройти через север (0/360) вместо:

1. точка ниже 90, а следующая - выше 270 или;
2. точка находится выше 270, а следующий ниже 90.

Любая помощь приветствуется.

Answer 1

Что бы я сделал, чтобы сделать это, просто проделайте обработку данных, чтобы создать две серии, а затем запишите их оба на один и тот же сюжет. Одна серия для 0-179, а другая для 180-359.

Вы также можете рассмотреть график рассеяния вместо линейного графика, особенно если ваши данные в любой из этих серий не так гладки, как данные в примере. Это означает, что одна точка данных, например, 10, а следующая - 110, а затем следующая после 12 или некоторые из них.

Этот код дает вам пример, данные предоставляются JSON, но вы должны быть в состоянии только с легкостью заменить его, однако ваши данные поступают в:

<script type="text/javascript"> 
$(document).ready(function() { 
    var chart = new Highcharts.Chart({ 
     title: { 
      text: 'Wind Direction' 
     }, 
     chart: { 
      renderTo: 'dataplot4', 
      borderWidth: 1, 
      defaultSeriesType: 'scatter', 
      zoomType: 'x' 
     }, 
     legend: { 
      enabled: false 
     }, 
     plotOptions: { 
      series: { 
       marker: { 
        radius: 3, 
        states: { 
         hover: { 
          enabled: true 
         } 
        } 
       } 
      } 
     }, 
     xAxis: { 
      type: 'datetime' 
     }, 
     yAxis: { 
      tickInterval: 90, 
      min: 0, 
      max: 360, 
      title: { 
       text: 'Wind Direction (deg)' 
      } 
     }, 
     tooltip: { 
      crosshairs: true, 
      formatter: function() { 
       return '<b>' + Highcharts.dateFormat('%e. %b %Y, %H:00', this.x) + ' AKST</b> ' + 
         this.series.name + ': ' + this.y + ' deg'; 
      } 
     }, 
     series: [ 
      { 
       name: 'Wind Direction', 
       data: JSON.parse("[" + wind_dir + "]"), 
       pointStart: Number(startDateTime), 
       pointInterval: 3600000 
      } 
     ] 
    }); 
}); 
</script> 

Я хотел бы думать, что у меня есть jsfiddle для этого где-нибудь, обновит ответ, когда выкопаю его.

EDIT: Вот скрипка, показывающая график рассеяния в действии. http://jsfiddle.net/Reality_Extractor/pNFYL/