Есть ли способ сделать один столбец шире других?

Question

Я пытаюсь сделать один столбец серии в графе столбцов в два раза шире, чем другие, есть ли способ добиться этого?

Я пытался создать два столбца в группе и установить для границы значение 0, но тогда мне пришлось установить границу других столбцов в два раза больше, что приводит к непоследовательной ширине границы при экспорте и разных разрешениях. Также не удалось найти способ изменить свойство border столбца только влево / вправо.

Есть изображение того, как выглядит мой текущий график: https://image.prntscr.com/image/4wbyWB2pQIyVtPWAF3HKkA.png Вы видите, что границы не соответствуюти ширина границы не одинакова при разных разрешениях

Answer 1

Вы можете использовать событие render и удвоить ширину графического элемента:

chart: {
    events: {
        render: function() {
            var point = this.series[0].points[1];

            point.graphic.attr({
                width: point.pointWidth * 2
            });
        }
    }
}

---

Демонстрационная версия: http://jsfiddle.net/BlackLabel/ufqox26n/

Справочник по API:

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

https://api.highcharts.com/class-reference/Highcharts.SVGElement#attr

Answer 2

Вы можете использовать pointWidth ( API ) для этой цели, например:

....
series: [{
  data: [{
    name: 'Point 1',
    y: 1,
    pointWidth:100
  },
...

Fiddle