<hmtl> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CurvedLines Plugin for flot</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../flot/excanvas.min.js"></script><![endif]--> <script language="javascript" type="text/javascript" src="../flot/jquery.flot.js"></script> <script language="javascript" type="text/javascript" src="../flot/jquery.flot.threshold.js"></script> <script language="JavaScript" type="text/javascript" src="../curvedLines.js"></script> </head> <body> <div id="flotOrig" style="width: 800;height: 400;"></div> <script id="source" language="javascript" type="text/javascript"> var d1 = [[20, 20], [42, 60], [54, 20], [80, 80]]; var options = { series : { curvedLines : { active : true }, threshold : { below : 40, color : "rgb(0, 0, 0)" } }, axis : { min : 10, max : 100 }, yaxis : { min : 10, max : 90 } }; $.plot($("#flotOrig"), [{ data : d1, lines : { show : true, lineWidth : 3 }, curvedLines : { apply : true } }, { data : d1, points : { show : true } }], options); </script> </body> </hmtl>