Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在sparkline jquery上设置画布中的背景图像_Jquery_Sparklines - Fatal编程技术网

在sparkline jquery上设置画布中的背景图像

在sparkline jquery上设置画布中的背景图像,jquery,sparklines,Jquery,Sparklines,我在一个使用java语言的web应用程序中工作。我需要显示复合sparkline图,因此我在jsp页面上使用sparkline jquery。我必须在画布上画火花线的背景中设置一个图像。我正在使用来自此链接的sparkline jquery 我写的代码是 VarData1=[-10,10,9,-9,7,-5,9,-8,3,0,3,-8,4,-7]; VarData2=[-10,0,6,-9,7,-5,9,-3,7,0,3,-8,4,-2]; $('#id').sparkline(数据1,{ty

我在一个使用java语言的web应用程序中工作。我需要显示复合sparkline图,因此我在jsp页面上使用sparkline jquery。我必须在画布上画火花线的背景中设置一个图像。我正在使用来自此链接的sparkline jquery

我写的代码是

VarData1=[-10,10,9,-9,7,-5,9,-8,3,0,3,-8,4,-7]; VarData2=[-10,0,6,-9,7,-5,9,-3,7,0,3,-8,4,-2]; $('#id').sparkline(数据1,{type:'line',normalRangeMin:0,normalRangeMax:0,spotRadius:'0',width:'630px',height:'100px',composite:true,fillColor:false,lineColor:'green'}); $('#id').sparkline(数据2,{类型:'line',normalRangeMin:0,normalRangeMax:0,spotRadius:'0',宽度:'630px',高度:'100px',复合:true,fillColor:false,lineColor:'red'}); 在身体里

上面的jquery允许我绘制复合线图,但当我在标记上设置样式(背景图像)时,它不会在sparklines画布的背景中显示它,因为它自己添加了画布。我的问题是要将背景图像精确地显示在sparklines画布后面

为了解决上述问题,我尝试了许多其他jQuery,如:

这对于在画布上设置背景图像很好,但不允许使用复合线图

另一个是

我也有同样的问题。这也不适用于复合线图

请给我一些有价值的建议,在sparklines画布后面设置背景图像作为第一个jquery链接,或者使用其他两个链接绘制复合线图,或者如果有另一个jquery可用,它将允许我在sparklines画布上设置背景图像并支持复合线图


我提前感谢你所有有价值的建议。

现在我找到了一种方法,可以将背景图像精确地放在画布后面,并在画布上绘制合成线图

我正在使用这个链接中的sparklines.js。

根据给定的文件,我们必须致电 新的Sparkline('canvas_id','data','opts')。draw(); 函数,该函数接受canvas_id作为一个参数。我使用相同的canvas_id调用相同的函数两次,以绘制两条不同的线(或者您可以调用此脚本接受的任何其他类型的图形)

第二个调用在第一个图表的顶部绘制另一个图表(这与脚本用于绘制复合图的方式相同)。这有助于我绘制一个合成图。函数调用如下所示:

新的迷你画('canvas_id','data1','opts1')。draw(); 新的Sparkline('canvas_id'、'data2'、'opts2')。draw()

为了在画布后面设置背景图像,我在画布标签中设置了样式。

上述解决方案对我来说效果很好,可以得到适当的结果。如果有人找到更好的答案。请把它寄出去

谢谢