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

How to show overlapping in various columns of highcharts column range graph

本文关键字：显示 重叠 高图列 范围      更新时间：2023-09-26

我需要显示一个基于事件的日历。然而，几乎没有与日历相关的功能，它只是一年中事件的图形表示。因此，我计划使用HighCharts columnrange图。这为我节省了大量用于事件监听的样板文件。

然而，当我有几个重叠的事件时，我很难将它们区分开来。

我如何使用highcharts现有的功能来完成这个任务。

我在事件中寻找样式属性。但找不到任何有用的东西。我试着搜索highcharts是否提供任何形式的梯度实现，但我也没有得到太多帮助。我试着给颜色的不透明度为rgb(r,g,b, 0.2)，但不知何故，这变成了黑色。

这是我的工作演示。在这个图表中，event8和event7是重叠的。其确切的持续时间分别与事件9和事件10相似。

我在这里发现了一个类似的问题，但这个问题讨论的是垂直重叠，而我需要区分水平重叠(如demo所示)。我也试过这里给出的答案，但没有效果。

谁能告诉我怎么做?

我认为最好在列中使用部分透明的颜色。要使用透明颜色，你应该使用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)"
  }]

在这里你可以找到它是如何工作的实例:http://jsfiddle.net/ay1Lk2yw/4/

相关文章：