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：如何绘制背景图像顶部的图形？

回答

相关问题