Highcharts 海图。如何对两条垂直线之间的区域进行着色?

Highcharts 海图。如何对两条垂直线之间的区域进行着色?,highcharts,Highcharts,示例- 我有一些数据(水平线),我想用海图遮住两条垂直线之间的区域 结果应该是这样的: 您可以使用带填充图案的多边形系列,例如: Highcharts.chart('container', { title: { text: 'Lines' }, series: [{ name: 'Line A', data: [{x: 1, y: 0}, {x: 1,y: 5}], }, { name: 'Line B', data:

示例-

我有一些数据(水平线),我想用海图遮住两条垂直线之间的区域

结果应该是这样的:

您可以使用带填充图案的多边形系列,例如:

Highcharts.chart('container', {
  title: {
    text: 'Lines'
  },
  series: [{
      name: 'Line A',
      data: [{x: 1, y: 0}, {x: 1,y: 5}],
    }, {
      name: 'Line B',
      data: [{x: 3,y: 0}, {x: 3,y: 5}]
    },
    {
      name: 'Some line',
      data: [{x: 0,y: 2}, {x: 5,y: 2}]
    }
  ]

});

现场演示:

API参考:

文档:

    series: [
            ..., {
            type: 'polygon',
            enableMouseTracking: false,
            showInLegend: false,
            color: {
                patternIndex: 0
            },
            states: {
                inactive: {
                    opacity: 1
                }
            },
            data: [
                [1, 0],
                [1, 5],
                [3, 5],
                [3, 0]
            ]
        }
    ]