如何在Highcharts中绘制一个系列同时具有正值和负值的条形图？

Question

我在使用Highcharts绘制条形图时遇到以下困难：

对于绘制以上图表，我想有必要使一个系列的一个类别同时具有正值和负值。但是，我不知道如何在Highchart选项中制作系列对象。

我的代码是使用JSFiddle的here。

我希望下面的系列能奏效，但是没有。

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]]
}

我还看到了a Highchart's demo：带有负筹码的竖杠。但是，这个演示与我尝试的具有不同的系列结构。它只有两个系列：“男性或负面”和“女性或正面”。在这个演示中似乎很难有两个以上的系列。

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/