在sparkline jquery上设置画布中的背景图像
我在一个使用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画布上设置背景图像并支持复合线图在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
我提前感谢你所有有价值的建议。现在我找到了一种方法,可以将背景图像精确地放在画布后面,并在画布上绘制合成线图 我正在使用这个链接中的sparklines.js。 根据给定的文件,我们必须致电 新的Sparkline('canvas_id','data','opts')。draw(); 函数,该函数接受canvas_id作为一个参数。我使用相同的canvas_id调用相同的函数两次,以绘制两条不同的线(或者您可以调用此脚本接受的任何其他类型的图形) 第二个调用在第一个图表的顶部绘制另一个图表(这与脚本用于绘制复合图的方式相同)。这有助于我绘制一个合成图。函数调用如下所示: 新的迷你画('canvas_id','data1','opts1')。draw(); 新的Sparkline('canvas_id'、'data2'、'opts2')。draw() 为了在画布后面设置背景图像,我在画布标签中设置了样式。 上述解决方案对我来说效果很好,可以得到适当的结果。如果有人找到更好的答案。请把它寄出去 谢谢