将整个flot图表保存为图像

Question

我正在尝试将整个flot图表保存到图像中。我找到了这个链接：Stackoverflow question，它在某种程度上起作用 - 只保存曲线。它没有保存轴上的刻度。任何帮助表示赞赏。

编辑： flot chart将创建两个画布：

url = $("canvas")[0].toDataURL("image/png");

我将第一个转换为图像，它只包含图形的曲线。看不到刻度，不要y轴标签。

更新：

使用html2canvas找到解决方案。首先将容器div指定为具有“theChart”的id。

<div class="demo-container" id="theChart">
    <!--<div style="vertical-align:top"><span style="float:left;vertical-align:top">Server Response in millisecond</span><span style="float:right;vertical-align:top">Http Response Rate</span></div> -->
    <div id="placeholder" class="demo-placeholder"></div>
</div>

现在我们可以创建一个图像：

$('#theChart').html2canvas({
    onrendered: function (canvas) {
        z = canvas.toDataURL("image/png");
        myWindow = window.open('', 'header', 'menubar=0', 'toolbar=0');
        myWindow.document.write('Right click to save image<br/><img src="' + z + '"/>');
    }
});