High-Chart Lollipop / Dumbbell Chart изменить положение / цвет положительных и отрицательных значений маркера

Question

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

image

Однако График, по-видимому, только позволяет маркеру находиться в «верхнем» конце графика. Есть ли способ контролировать, у какого конца есть маркер?

Я использую следующие параметры графика:

chartOptions: {
        chart: {
          type: 'dumbbell',
          inverted: true
        },
        title: {
          text: 'lollipop chart'
        },
        xAxis: {
            type: 'category'
        },
        yAxis: {
            title: {
            text: 'value'
            }
        },
        series: [{
          name: 'value',
          data: [{
              name: 'a',
              low:0,
              high:13,
          }, {
              name: 'b',
              low:0,
              high:26,
          },{
              name: 'c',
              low:-43,
              high:0
          },{
              name: 'd',
              low:-83,
              high:0
          },{
              name: 'e',
              low:0,
              high:113
          }]
        }]

      }

Answer 1

В этом случае следует использовать серию lollipop , но кажется, что конфигурация массива объектов не работает. Я сообщил об этом на канале выпуска Highcharts Github, где вы можете подписаться на эту тему: https://github.com/highcharts/highcharts/issues/13202

В качестве решения в серии dumbell я предлагаю найти эту графику в сделать обратный вызов и скрыть их.

Демо: 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()
        }
      })
    }
  }

API: https://api.highcharts.com/highcharts/chart.events.render

EDIT

По ссылке GitHub был найден обходной путь. Пожалуйста, проверьте это, возможно, будет лучше соответствовать вашему требованию.