Highcharts - Как показать более 30 столбцов рядом

Question

Я использую Highcharts 6.1.1 с реактивно-старшими 16.0.0.Когда я создаю диаграмму стиля «столбец» с 30 сериями или менее, все точки данных с совпадающими значениями x располагаются рядом:

Но, если я добавлюв другой серии, в результате чего общее число достигло 31, Highcharts больше не группирует столбцы рядом, а вместо этого отображает их все в одном месте, а не в стопках, просто перекрывая друг друга: Я не могунайдите параметр в конфигурации highcharts, чтобы изменить этот порог группировки, и немало поэкспериментировали с настройкой отступов и ширины и тому подобного, чтобы попытаться максимизировать количество столбцов, которые он будет показывать рядом, но я никогда не смогу заставить его работать с большим количеством столбцов.чем 30 серия.

Answer 1

Когда вы используете модуль повышения, столбцы всегда имеют ширину в один пиксель.Кроме того, многие функции (например, группировка , которая вызывает эту проблему) отключены, когда работает модуль повышения.

Здесь: https://github.com/highcharts/highcharts/issues/6600, вы очень хорошо объяснили предположения этого модуля.

Чтобы обойти это, вы можете использовать десятичные значения x:

series: [{
    data: [1]
}, {
    data: [2, 2]
}, {
    data: [{
        x: 0.3,
        y: 1
    }]
}, {
    data: [2]
}, ... ]

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

Answer 2

Проблема была в бустовой части конфига:

config = {
  boost: {
      enabled: true,
      useGPUTranslations: true,
      seriesThreshold: 30
   },
 }

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