如何在Highcharts中绘制一个系列既有正值又有负值的条形图？答案

【问题标题】：How to draw a bar chart that one series has both positive and negative values in Highcharts?如何在Highcharts中绘制一个系列既有正值又有负值的条形图？
【发布时间】：2019-02-20 09:42:23
【问题描述】：

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

为了绘制上面的图表，我想有必要让一个系列对一个类别既有正值又有负值。但是，我不知道如何在 Highchart 选项中制作系列对象。

我的代码是 here 和 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]]
}

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

【问题讨论】：

标签： highcharts bar-chart

【解决方案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/

【讨论】：

谢谢！我从不认为该数据数组可以获取对象。 “x”是否表示类别，对吗？看来x:0表示Category 1，Category 2与x:1相关联。只想说清楚。
啊，你已经在代码部分下面写了那个解释。我明白了。