高图-如何并排显示30列以上

Question

我正在将Highcharts 6.1.1与react-highcharts 16.0.0一起使用。当我创建包含30个以下系列的“列”样式表时，所有具有匹配x值的数据点都并排排列：

但是，如果我添加另一个系列，使总数达到31，Highcharts不再将列并排分组，而是将它们全部呈现在同一位置，而不是堆叠在一起，只是重叠： 我似乎无法在highcharts配置中找到设置来更改此分组阈值，并且已经对设置填充和宽度进行了相当多的尝试，从而尝试最大化将并排显示的列数，但是我永远无法使其可与30多个系列配合使用。

Answer 1

When you are using the boost module, columns are always one pixel wide. Additionally, a lot of functionality (such as grouping, which causes this problem) is disabled when the boost module works.

Here: 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
   },
 }

所以我可以提高seriesThreshold或仅禁用boost来解决问题。虽然我想知道是否有一种方法可以使boost渲染正确并排显示。