На моем изображении ниже вы видите две линии, обе зеленые, вверху.
У более высокой зеленой линии есть флаг (то естьто, что вы видите слева).
Нижняя зеленая линия, как правило, красная.
Потратив несколько часов на то, чтобы определить, что делает нижнюю линию зеленой, я обнаружил только изменение lineColor на флаге верхней зеленой линии над ней, изменился ли этот ряд с красного на зеленый.
В навигаторе ниже вы можете видеть, что нижняя строка на самом деле красная.Под ним - длинный зеленый блок - я не понимаю, откуда он.
Вот пример изменения lineColor флага, и изменяется строка ниже .. Вы заметите, что выглядиткак большая зеленая маска в навигаторе все еще там.
Наконец, это тот же график на другой странице - никаких проблем, красная линия красная.
Флаг верхней строки выглядит следующим образом:
{
allowOverlapX: true,
showInLegend: false,
enableMouseTracking: false,
type: 'flags',
name: `${id}-flags`,
onSeries: id,
data: [{ title: 'Flag text', x: Date }],
shape: 'flag',
fillColor: 'green',
style: {
fontSize: 10,
fontWeight: 500,
color: '#FFFFFF',
paddingBottom: 2
},
yAxis: 0,
lineColor: flagColor[classification], //Responsible for overriding the line from red to green.
lineWidth: 1,
height: 12,
y: -45,
}
Верхняя и нижняя строки выглядят примерно так:
type: 'line',
startX,
endX,
id,
enableMouseTracking: true,
name: id,
showInLegend: false,
showInNavigator: true,
color: stroke,
lineWidth: strokeWidth,
marker: { enabled: false },
yAxis: 0,
data: [[startX, pPrice], [endX, price]],
Я должен также отметить, что иногда этого не происходит, я просто не могу понять, что могло бы вызвать это.
Кто-нибудь сталкивался с чем-то подобным раньше?