Как нарисовать гистограмму, что одна серия имеет как положительные, так и отрицательные значения в Highcharts?

Question

У меня возникают трудности при рисовании гистограммы следующим образом с использованием Highcharts:

Я думаю, что для рисования выше диаграммы необходимо, чтобы одна серия имела оба положительныхи отрицательные значения для одной категории.Но я не знаю, как сделать объект серии в параметре Highchart.

Мой код здесь с JSFiddle.

Я ожидал, что сработает ниже серия, ноэто не так.

series: [{
    name: 'Series 1',
    data: [[-19, 10], [-31, 20]]
}, {
    name: 'Series 2',
    data: [[-10, 33], [-20, 56]]
}, {
    name: 'Series 3',
    data: [[-23, 10], [-30, 13]]
}

Кроме того, я видел демо Highchart : бар с отрицательным стеком.Тем не менее, у этой демонстрации есть другая структура серии с тем, что я пробовал;у него только две серии: «мужской или отрицательный» и «женский или положительный».Кажется, трудно иметь более двух серий в этой демонстрации.

Answer 1

Я не на 100% уверен в том, какие именно значения вы хотите найти, но концепция того, как я бы это решил, заключается в следующем:

series: [{
  name: 'Series 1',
  data: [{x: 0, y: -19}, {x: 0, y: 10}, 
         {x: 1, y: -31}, {x: 1, y: 20}]
}, {
  name: 'Series 2',
  data: [{x: 0, y: 33}, {x: 0, y: -10}, 
         {x: 1, y: 56}, {x: 1, y: -20},]
}, {
  name: 'Series 3',
  data: [{x: 0, y: 10}, {x: 0, y: -23}, 
         {x: 1, y: 13}, {x: 1, y: -30}]
}]

Где у нас все еще те же 3 серии, но мы явно указываем, к какой категории должны относиться значения, т. е. x: 0 - это категория 1, а x: 1 - это категория 2.

Рабочий пример JSfiddle: https://jsfiddle.net/ewolden/kdszxjn3/6/