Highcharts棒棒糖/哑铃图更改正负标记值的位置/颜色

Question

我正在尝试创建一个棒棒糖图表，其中一些值为负，有些为正，为零的任一侧，如下所示：

image

然而，图表似乎仅允许标记位于图表的“高”端。有没有办法控制标记的一端？

我正在使用以下图表选项：

chartOptions：{图表：{类型：“哑铃”，倒置：正确}，标题：{文字：“棒棒糖图表”}，xAxis：{类型：“类别”}，yAxis：{标题：{文字：“值”}}，系列：[{名称：“值”，数据：[{名称：“ a”，低：0，高：13，}，{名称：“ b”，低：0，高：26，}，{名称：“ c”，低：-43，高：0}，{名称：“ d”，低：-83，高：0}，{名称：“ e”，低：0，高：113}]}]

  }

Answer 1

在这种情况下应该使用的系列是lollipop，但是对象数组的配置似乎不起作用。我在Highcharts Github问题频道上报告了该问题，您可以在其中关注此线程：https://github.com/highcharts/highcharts/issues/13202

作为哑铃系列的一种解决方案，我建议在render回调中找到这些图形并将其隐藏。

演示：https://jsfiddle.net/BlackLabel/3o7acsbt/

  events: {
    render() {
        let chart = this;

      chart.series[0].points.forEach(p => {
        if (p.low >= 0){
          p.lowerGraphic.hide()
        } else {
            p.upperGraphic.hide()
        }
      })
    }
  }