score:1

Accepted answer

example how to add pattern fill to rendered background, remember to join to your scripts, script responsible for pattern. <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();

demo: https://jsfiddle.net/blacklabel/mhl5c824/


Related Query