jQuery Flot：如何繪製背景圖像頂部的圖形？

如何繪製背景圖像頂部的圖形？jQuery Flot：如何繪製背景圖像頂部的圖形？

我嘗試了幾種方法，但沒有任何工作。 Argh;）

下面的代碼只顯示圖像，但沒有圖形。怎麼來的？也許是因爲圖形是在圖像後面繪製的？我希望我能得到一些幫助。

在此先感謝。

var data = [ [ ["overview_track_v2.png", -36627, -72447, 35374, 109983] ] , [ [-36627, 35374 ], [-72447, 109983] ] ]; 

    var options = { 
       series: { images: { show: true } }, 
       xaxis: { min: -36627, max: 35374 }, 
       yaxis: { min: -72447, max: 109983 }, 
       lines: { show: true }, 
       grid: { hoverable: true, clickable: true }, 

      }; 

      var graph = $.plot.image.loadDataImages(data, options, function() { 
       $.plot($("#graphPosition"), data, options); 
      });

來源

2012-01-31 OrangeTux

這只是不是圖像插件做什麼 - 這是添加網格來預渲染圖。即您的圖像將**爲圖形。所有的功能都是添加座標軸。 – Ryley 2012-02-01 06:02:12

好的。感謝你的這個信息。 – OrangeTux 2012-02-01 15:27:41

一個簡單的方法來做到這一點很簡單，就是把圖像因爲這是海軍報佔位符，並確保電網無背景顏色的DIV的背景。

來源

2012-06-15 17:25:19 Melanie

這是真的，而且容易做到。但作爲參考，如果您使用其他插件，如將圖像保存爲圖像，則不包括背景。 – ChelseaStats 2015-12-01 14:25:43

恐怕評論者錯了。我相信這是你想要什麼：

var data = [ 
      [["overview_track_v2.png", -36627, -72447, 35374, 109983]], 
      { data: [[-36627, 35374 ], [-72447, 109983]]], 
       images: {show: false}, bars: {show: false}, points: {show: false}} 
      ];

或者，爲了更清楚這是怎麼回事：

var data = [ 
      { data: [["overview_track_v2.png", -36627, -72447, 35374, 109983]], 
       images: {show: true}, bars: {show: false}, points: {show: false}, lines: {show: false}}, 
      { data: [[-36627, 35374 ], [-72447, 109983]]], 
       images: {show: false}, bars: {show: false}, points: {show: false}, lines: {show: true}} 
      ];

來源

2013-02-05 03:21:39 WuTheFWasThat

jQuery Flot：如何繪製背景圖像頂部的圖形？

回答

相關問題