Javascript 如何在highcharts列范围图的各个列中显示重叠

我需要显示基于事件的日历。然而，日历几乎没有任何功能，它只是一年中事件的图形表示。因此，我计划使用HighCharts

columnrange

graph。这为我节省了很多听事件的样板

然而，当我得到几个重叠的事件时，我很难将它们显示为不同的

如何使用highcharts现有功能来完成此任务

我在事件中查找样式属性。但是找不到任何有用的东西。 我尝试搜索highcharts是否提供了任何形式的gradient实现，但也没有得到多少帮助。 我试着给颜色加上不透明度，如

rgb（r，g，b，0.2）

，但不知怎么的，它变成了黑色

这是我的工作。在此图表中，事件8和事件7是重叠的。确切的持续时间分别与事件9和事件10相似

我发现了一个类似的问题，但这个问题涉及垂直重叠，而我需要区分水平重叠（如演示中所示）。我也尝试了这里给出的答案，没有任何影响

---

有人能提出实现这一目标的方法吗？

我认为最好是在栏目中使用部分透明的颜色。要使用透明颜色，应使用rgba，而不是rgb参数

在这里，您可以找到可以帮助您的代码：

  data: [{
    name: 'event7',
    x: 1,
    low: 36,
    high: 43,
    color: "red"
  }, {
    name: 'event8',
    x: 1,
    low: 25,
    high: 38,
    color: "rgba(100,100,100,0.6)"
  }]

在这里，您可以找到它如何工作的实例：

---

绝对……我认为使用rgb是愚蠢的。我想我现在可以接受这个解决方案。但是如果你知道你的列会重叠，你会喜欢highchart方法（如果有的话），也许你可以稍微移动一下？看这个例子：我已经想到了。然而，每个事件的高度水平都有其意义，因此不能垂直移动。此外，如果在特定点周围有多个重叠，这可能会变得笨拙