Dygraph JavaScript到PNG的缩放不正确

ttp71kqs 于 2023-10-14 发布在 Java

关注(0)|答案(1)|浏览(84)

我有一个关于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图书馆。任何解决方案将是一个很大的帮助！

1条答案

dygraph-extra库需要一点更改：

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

此函数需要更改这一行：

ctx.drawImage(plotCanvas, 0, 0);

变成这样：

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