Skip to content

xAxis not crossing yAxis at the position specified by the crossing value. #19051

Closed
@BookSwapSteve

Description

@BookSwapSteve

Expected behaviour

The xAxis should cross the perpendicular axis (yAxis) at the value specified by the 'crossing' value

From: https://api.highcharts.com/highstock/xAxis (crossing)

The value on a perpendicular axis where this axis should cross

Example:

Example 1:
The xAxis should cross at the value 2 on the yAxis, it actually crosses at -6

xAxis: {
    crossing: 2
},
yAxis: {
    min: -10,
    max: 6,
}

Example 2:
The xAxis should cross at the value 2 on the yAxis, it actually crosses at -2

xAxis: {
    crossing: 2
},
yAxis: {
    min: -6,
    max: 6,
}

Actual behaviour

The x-Axis crosses the y-Axis at a value that is the inverse of the crossing value specified and offset based on the axis min/max values.

From example 1, the xAxis crosses the yAxis at -6
From example 2, the xAxis crossed the yAxis at -2

Live demo with steps to reproduce

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/xaxis/crossing

  • Change the xAxis crossing to 2. observe -2 crossing
  • Change the yAxis min or max values (ensure they are not symmetrical). observe xAxis crossing changes position and is not at the expected crossing value.

Compare that to the yAxis crossing which is acting as expected.

  • Change the yAxis crossing to 2. observe +2 crossing (as expected)
  • Change the xAxis min and max values. observe that the yAxis still crossed the xAxis at the position specified (i.e. +2)

Product version

Highstock and Highcharts 11.0.1

Affected browser(s)

Chrome (not tested on any others)

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions