Scatter plots do not draw points in the right locations

[chipkent]

from deephaven import time_table
from deephaven.plot.figure import Figure
from deephaven.plot import PlotStyle
from deephaven.plot import Color, Colors
from deephaven.plot import font_family_names, Font, FontStyle, Shape


data = time_table('00:00:01') \
    .update(["Open = i + 10*random()","High = Open + 1", "Low = Open - 1", "Close = Open + 0.5"])

points = data \
    .where("i%5 = 0") \
    .view(["Timestamp", "Point = i%3==0 ? High : Low"])

# broken
plot = Figure() \
    .figure_title("OHLC + Points")\
    .plot_xy(series_name="OHLC", t=data, x="Timestamp", y_high="High", y_low="Low", y="Close") \
    .axes(plot_style=PlotStyle.SCATTER)\
    .plot_xy(series_name="Points", t=points, x="Timestamp", y="Point")\
    .point(shape=Shape.DIAMOND, size=16, label="Big Triangle",color=Colors.BLUE )\
   .show()

# broken
 plot = Figure() \
    .axes(plot_style=PlotStyle.SCATTER)\
    .plot_xy(series_name="Points", t=points, x="Timestamp", y="Point")\
    .point(shape=Shape.DIAMOND, size=16, label="Big Triangle",color=Colors.BLUE )\
   .show()  

# broken
 plot = Figure() \
    .axes(plot_style=PlotStyle.SCATTER)\
    .plot_xy(series_name="Points", t=points, x="Timestamp", y="Point")\
   .show()  

# drawing the line plot works
 plot = Figure() \
    .plot_xy(series_name="Points", t=points, x="Timestamp", y="Point")\
   .show()  

[dsmmcken]

I am unable to replicate this in a clean environment. Point styling isn't supported, but that's unrelated.

[mofojed]

Seemingly only reproducible on M1 MacBooks. Looking at the data passed into plotly, it looks correct:

It appears to be because of the scattergl option, and is a bug in Plotly: plotly/plotly.js#5970

[mofojed]

Still an issue with the latest version of plotly.js (2.17.0).

[dsmmcken]

https://deephaven.atlassian.net/browse/DH-14666 duplicate issue reported in enterprise

[mofojed]

There is a workaround for Chrome on M1 Mac: plotly/plotly.js#5970 (comment)

[mofojed]

This looks like it is fixed in plotly.js 2.28: plotly/plotly.js#5970 (comment)

We should update to plotly 2.28

[dsmmcken]

Re-test #1730 after 2.28 update as well, possibly related, possibly not.

[mofojed]

Seems to already be fixed in plotly.js 2.27, and is fixed in v0.33.0:
Engine Version: 0.33.0-SNAPSHOT
Web UI Version: 0.63.0
Java Version: 11.0.21
Barrage Version: 0.6.0
Browser Name: Chrome 121
OS Name: macOS 10.15.7

We should still update to plotly 2.29, but this issue appears to already be resolved.

[mofojed]

For posterity, the snippet converted for the latest/correct formatting:

from deephaven import time_table
from deephaven.plot.figure import Figure
from deephaven.plot import PlotStyle
from deephaven.plot import Color, Colors
from deephaven.plot import font_family_names, Font, FontStyle, Shape


data = time_table('PT0.1s') \
    .update(["Open = i + 10*random()","High = Open + 1", "Low = Open - 1", "Close = Open + 0.5"])

points = data \
    .where("i%5 = 0") \
    .view(["Timestamp", "Point = i%3==0 ? High : Low"])

# broken
plot = Figure() \
    .figure_title("OHLC + Points")\
    .plot_xy(series_name="OHLC", t=data, x="Timestamp", y_high="High", y_low="Low", y="Close") \
    .axes(plot_style=PlotStyle.SCATTER)\
    .plot_xy(series_name="Points", t=points, x="Timestamp", y="Point")\
    .point(shape=Shape.DIAMOND, size=8, label="Big Triangle",color=Colors.BLUE )\
    .show()

# broken
plot = Figure() \
    .axes(plot_style=PlotStyle.SCATTER)\
    .plot_xy(series_name="Points", t=points, x="Timestamp", y="Point")\
    .point(shape=Shape.DIAMOND, size=8, label="Big Triangle",color=Colors.BLUE )\
    .show()  
 
# broken
plot = Figure() \
    .axes(plot_style=PlotStyle.SCATTER)\
    .plot_xy(series_name="Points", t=points, x="Timestamp", y="Point")\
    .show()  

# drawing the line plot works
plot = Figure() \
    .plot_xy(series_name="Points", t=points, x="Timestamp", y="Point")\
    .show()