任何图表中的图像都不能固定舞台
Image in anychart doesn't fix the stage
我正在尝试将一些徽标放入图表中以进行打印,但根据屏幕分辨率,右侧的徽标有时会超出图表区域,有时会远离边缘。我正在使用舞台并将徽标与 graphics.image
放在一起。这是代码 anychart v 8.2.1
var image = anychart.graphics.image("logo_mues2020.png", "12%", "9%",102, 43);
image.parent(container);
image = anychart.graphics.image("gepp2020.jpg", "72%", "9%", 155, 47);
image.parent(container);
容器是一个舞台
这些是两种不同设备中的示例
https://imagizer.imageshack.com/img924/5741/tmDgQA.png
https://imagizer.imageshack.com/img923/7563/QuQJcI.png
有人做过类似的东西吗?
有没有办法用图表区域修复它或让它更适合和真正响应?
提前致谢
这是因为图像大小是以像素为单位应用的,而不是百分比。这意味着图像不会随容器一起调整大小,并且当容器的宽度较小时,图像会超出图表。
要解决这个问题,您应该使用百分比作为图像大小并应用对齐设置。详情查看the sample,注意第17、19行。
尝试调整图表视图的大小以查看其工作原理。
我正在尝试将一些徽标放入图表中以进行打印,但根据屏幕分辨率,右侧的徽标有时会超出图表区域,有时会远离边缘。我正在使用舞台并将徽标与 graphics.image
放在一起。这是代码 anychart v 8.2.1
var image = anychart.graphics.image("logo_mues2020.png", "12%", "9%",102, 43);
image.parent(container);
image = anychart.graphics.image("gepp2020.jpg", "72%", "9%", 155, 47);
image.parent(container);
容器是一个舞台
这些是两种不同设备中的示例 https://imagizer.imageshack.com/img924/5741/tmDgQA.png https://imagizer.imageshack.com/img923/7563/QuQJcI.png
有人做过类似的东西吗? 有没有办法用图表区域修复它或让它更适合和真正响应?
提前致谢
这是因为图像大小是以像素为单位应用的,而不是百分比。这意味着图像不会随容器一起调整大小,并且当容器的宽度较小时,图像会超出图表。 要解决这个问题,您应该使用百分比作为图像大小并应用对齐设置。详情查看the sample,注意第17、19行。 尝试调整图表视图的大小以查看其工作原理。