使用Julia PlotlyJS保存图像时布局选项未生效问题求助

问题根源 #

你遇到的情况是因为PlotlyJS的savefig在渲染保存时，会忽略部分Layout中的坐标轴比例配置，加上热力图本身的坐标轴默认自适应逻辑，导致最终图像不是方形。另外你用aspect_ratio=:equal无效，是因为PlotlyJS中需要用Plotly原生的属性配置，而不是Julia的Symbol类型。

修正方案 #

需要同时约束画布尺寸和坐标轴比例，并且在savefig时显式传递尺寸参数，具体修改如下：

using PlotlyJS

xVals = 0:1:10
zVals = ones(10,10)

# 配置坐标轴：固定范围+手动设置等比例
axis_template = attr(
    range = [0,10],
    autorange = false,
    aspectmode = "manual",  # 手动控制比例
    aspectratio = attr(x=1, y=1)  # x/y轴比例1:1
)

# 配置布局：固定画布尺寸+统一边距
lay = Layout(
    autosize = false,
    width = 700,
    height = 700,
    xaxis = axis_template,
    yaxis = axis_template,
    margin = attr(l=50, r=50, b=50, t=50)  # 避免边距不均导致视觉非方形
)

trace = heatmap(x=xVals, y=xVals, z=zVals)
p = plot(trace, lay)

# 保存时显式指定宽高，确保覆盖默认设置
savefig(p, "test.png", width=700, height=700)

关键说明 #

• aspectmode="manual" + aspectratio=attr(x=1,y=1)：强制坐标轴保持1:1比例，这是让图像内容呈方形的核心配置，之前的:equal不符合Plotly的属性格式所以无效。
• 布局中设置width/height是定义画布的整体尺寸，配合统一的margin可以避免边距挤压导致的视觉变形。
• savefig时重复指定width/height：因为PlotlyJS的渲染器在保存时可能会加载默认尺寸，显式传递参数能确保使用你设定的数值。

内容的提问来源于stack exchange，提问作者Wyatt