Question

如何在背景图像上绘制图形？

我尝试了几种方法，但没有任何效果。唉;）

使用下面的代码只显示图像，但没有图表。怎么会？也许是因为图表是在图像后面绘制的？我希望我能得到一些帮助。

提前致谢。

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);
            });

Answer 1

一种简单的方法就是将图像作为DIV的背景，即Flot占位符，并确保网格没有背景颜色。

Answer 2

我担心评论者错了。我相信这就是你想要的：

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}}
           ];

jQuery Flot：如何在背景图像上绘制图形？

2 个答案: