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]
]
}
]