Highcharts 带负和中性堆栈的条

我想显示“是/否/不知道”类型的答案。我在思考一些类似的东西，有一个负的堆栈，但是“不知道”是中间的一个中立部分，两边的宽度相等。为了说明我的意思，我在标准小提琴上增加了两个中性系列。我如何将它们合并成中间的一个中性序列？

{
        name: 'Neutral',
        data: [...]
}

也许我完全走错了方向。有什么建议吗

---

您可以使用反转的序列（看起来像条形图）来完成此操作。这也需要

highcharts more.js

库。 您需要为每个问题设置索引（

x

）、低值（

low

）、高值（

high

），然后设置所需的颜色（

color

）

样品

Highcharts.chart('container', {
  chart: {
    type: 'columnrange',
    inverted: true
  },
  xAxis: {
    categories: ['Q1', 'Q2']
  },
  legend: {
    enabled: false
  },
  series: [{
    name: 'Answers',
    data: [
    // Question 1
        {
        x: 0,
        low: -10,
        high: -5,
        color: 'red'
      }, {
        x: 0,
        low: -5,
        high: 5,
        color: 'blue'
      }, {
        x: 0,
        low: 5,
        high: 10,
        color: 'green'
      },
      // Question 2
      {
        x: 1,
        low: -15,
        high: -2,
        color: 'red'
      }, {
        x: 1,
        low: -2,
        high: 8,
        color: 'blue'
      }, {
        x: 1,
        low: 8,
        high: 20,
        color: 'green'
      }
    ]
  }]

});