Highcharts - как добавить дополнительную информацию, чтобы картировать

Пример скрипку: link Highcharts - как добавить дополнительную информацию, чтобы картировать

Источник:

$(function() { 
     $('#container').highcharts({ 
      chart: { 
       type: 'area' 
      }, 
      title: { 
       text: 'xxx' 
      }, 
      subtitle: { 
       text: 'Source: <a href="http://thebulletin.metapress.com/content/c4120650912x74k7/fulltext.pdf">'+ 
        'thebulletin.metapress.com</a>' 
      }, 
      xAxis: { 
       labels: { 
        formatter: function() { 
         return this.value; // clean, unformatted number for year 
        } 
       } 
      }, 
      yAxis: { 
       title: { 
        text: 'Nuclear weapon states' 
       }, 
       labels: { 
        formatter: function() { 
         return this.value/1000 +'k'; 
        } 
       } 
      }, 
      tooltip: { 
       pointFormat: '{series.name} produced <b>{point.y:,.0f}</b><br/>warheads in {point.x}' 
      }, 
      plotOptions: { 
       area: { 
        pointStart: 1940, 
        marker: { 
         enabled: false, 
         symbol: 'circle', 
         radius: 2, 
         states: { 
          hover: { 
           enabled: true 
          } 
         } 
        } 
       } 
      }, 
      series: [{ 
       name: 'Inbound', 
       data: [null, null, null, null, null, 6 , 11, 32, 110, 235, 369, 640, 
        1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126, 
        27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662, 
        26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605, 
        24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586, 
        22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950, 
        10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104 ] 
      }, { 
       name: 'Outbound', 
       data: [null, null, null, null, null, null, null , null , null ,null, 
       5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322, 
       4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478, 
       15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049, 
       33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000, 
       35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000, 
       21000, 20000, 19000, 18000, 18000, 17000, 16000] 
      }] 
     }); 
    });

Что мне нужно, чтобы получить эти красные/серые прямоугольники в верхней части диаграммы. enter image description here

Можно ли получить его с помощью высокоскоростных карт? Я так, как это сделать? Может быть, какое-нибудь предложение?

источник

2013-09-03 breq

Набор stacking: 'normal', см: http://jsfiddle.net/x3zPB/

источник

2013-09-03 09:52:11

Я не думаю, что вы понимаете мою проблему :( – breq

Направо, жаль, что я пропустил замечание о красных баров -!., К сожалению, это не поддерживается напрямую, что вы можете сделать вместо этого, чтобы использовать ряд линий с более высокой 'LineWidth 'и отключенные маркеры. См.: http://jsfiddle.net/x3zPB/1/ –

Спасибо, Paweł, мне придется решить проблему таким образом – breq

Если я правильно понимаю, вам нужно добавить новую серию «бар» на диаграмме. Затем вы сможете добавить данные о корректировании в эти строки, и у вас будет ожидаемый результат.

series: [{ 
      type: 'bar', 
       name: 'BarSerie', 
       data: [3, 2, 1, 3, 4] 
     }]

источник

2013-09-03 09:56:43

Highcharts - как добавить дополнительную информацию, чтобы картировать

ответ

Смежные вопросы