javascript - 如何在固定柱形图(highcharts)中动态添加点放置和点填充

Question

当我们添加更多数据时，如何动态设置点填充和放置这是演示:http://jsfiddle.net/5vfojgsx/

这是我的问题:

'http://jsfiddle.net/b135pxtw/'

感谢帮助

Answer 1

让我解释一下它是如何工作的。

pointPlacement 是到每个标签 (0,1,2) 中心的距离。所以正表示右，负表示左。因此，当您有 10 个系列时，您应该使用像 (-0.4, -0.2, 0, 0.2, 0.4) 这样的空格。对于 12，您可以使用 (-0.5, -0.3, -0.1, 0.1, 0.3, 0.5)。

pointPadding 是每一列的宽度，所以如果你想让两列重叠，你应该使用两个值，比如 (0.4, 0.45) 因为我 used .当为不与相邻列重叠的列使用更多数据时，该值应该更小，例如 (0.45.0.5)。你可以看到差异here和 here .

您可以使用这两个选项根据您的数据动态放置每一列。