我们如何在甘特高图中的水平条中显示特定时间线的阻塞区域

Question

我在 angular 应用程序中使用甘特图。在甘特高图中，我需要在甘特高图中的水平条中显示特定时间线的阻塞区域（剥离线）（以红色突出显示）。尝试了很多解决方案，但没有得到解决方案。请帮忙。

Answer 1

示例如何将图案填充添加到渲染背景，记得加入你的脚本，脚本负责图案。 <script src="https://code.highcharts.com/modules/pattern-fill.js"></script>

    chart.myBackground = chart.renderer.rect(plotLeft + 10, plotTop, firstPointWidth - 20, 50, 0)
      .attr({
        'stroke-width': 1,
        stroke: 'red',
        fill: {
          pattern: {
            path: {
              d: 'M-1 1 l2 -2 M0 16 l16 -16 M15 17 l8 -8',
              strokeWidth: 2,
              zIndex: 6
            },
            color: 'black',
            width: 16,
            height: 16
          }
        },
        opacity: 0.5,
        zIndex: 5
      })
      .add();

演示： https://jsfiddle.net/BlackLabel/mhL5c824/

我们如何在甘特高图中的水平条中显示特定时间线的阻塞区域

How Can we display blocked area for particular timeline in horizontal bar in gantt highchart

highcharts

gantt-chart

highcharts-gantt