打印出jQuery flot圖

我正在使用jQuery flot圖並希望打印出（或至少是圖像）的圖。現在，在問這個問題之前，我做了大量的研究來找出一種方法......並且我在堆棧溢出中提出了這個問題。打印出jQuery flot圖

我實現給那裏的技術。

現在，我能夠獲得圖形的圖像，但我無法獲取圖形的內容，即我只是獲得畫布的簡單背景，而不是繪製在其上的區域。

下面的圖片將解釋清楚：

這是我的圖表看起來像... This is what my graph looks like...

這就是我這coverting圖像後得到： enter image description here

我正在使用該ToDataUrl爲丁文和下面是我的代碼：

var somePlot = $.plot("#placeholder", [ [0,0],[10,10] ]); 
    var canvas = somePlot.getCanvas(); 
    var img = canvas.toDataURL("image/png"); 
    document.write('<img src="'+img+'"/>');

在上面的代碼：

somePlot變量是用於提取畫布這是div作爲jquery flot內實現了畫布內的曲線圖，我無法直接使用其id訪問。

任何幫助將不勝感激，三江源...

來源

2013-11-29 Vikas Arora

你是不是你的圖形轉換爲圖像，但一些testgraph裏面是空的。請參見fiddle（頂部圖形是用圖形繪製的，最下面的圖形是圖像）。

如果您修復測試數據，您會得到這個fiddle，它顯示了情節部分和圖像中的圖表。這裏固定的數據是指將多個支架：

var somePlot = $.plot("#placeholder", [ [ [0,0], [10,10] ] ]);

PS：我的測試中不使用插件標籤添加到畫布上，但是從你的形象我看你已經得到了部分的權利。

來源

2013-11-29 09:54:15 Raidri

非常感謝@Raidri ......我完全錯了。現在我糾正了錯誤..再次感謝小提琴和解釋:) –

有沒有一種方法來打印軸描述呢？ – Phil795

@nagazi您是否使用[canvas插件]（http://www.flotcharts.org/flot/examples/canvas/index.html）？那麼它應該開箱即用。有關替代解決方案，請參閱[此答案]（http://stackoverflow.com/a/18136509/2610249）。 – Raidri

打印出jQuery flot圖

回答

相關問題