Dygraph javascript 到 PNG 缩放不正确

Dygraph javascript to PNG incorrect zoom

提问人:Samuel Haeck 提问时间:10/12/2023 最后编辑:Samuel Haeck 更新时间:10/12/2023 访问量:20

问:

我有一个关于 javascript 中的 dygraphs 的问题。我创建了一个图表,并想将其导出为PNG图像:

function drawChart() {
            g = new Dygraph(document.getElementById("dg_div"),
function export_graph() {
            let img = document.getElementById('dg_img')
            Dygraph.Export.asPNG(g, img)

这将产生以下图形: graph 和以下 PNG 图像:PNG

PNG 被错误地放大到图形的左上角,轴保持正确的大小。

我尝试过 .resetZoom() 之类的方法或检查用户选项是否有任何影响。他们没有。这似乎是 dygraph-extra 库中的一个问题。任何解决方案都会有很大帮助!

javascript png 缩放 dygraphs

评论


答:

0赞 Samuel Haeck 10/12/2023 #1

dygraph-extra 库需要稍作更改:

Dygraph.Export.drawPlot = function (canvas, dygraph, options)

此函数需要更改此行:

ctx.drawImage(plotCanvas, 0, 0);

进入这个:

ctx.drawImage(plotCanvas, 0, 0, canvas.width, canvas.height);