You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

57 lines
1.5 KiB

1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. <hmtl>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>CurvedLines Plugin for flot</title>
  5. <script language="javascript" type="text/javascript" src="../flot/jquery.min.js"></script>
  6. <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="flot/excanvas.min.js"></script><![endif]-->
  7. <script language="javascript" type="text/javascript" src="../flot/jquery.flot.min.js"></script>
  8. <script language="JavaScript" type="text/javascript" src="../curvedLines.js"></script>
  9. <script language="JavaScript" type="text/javascript" src="_TestSetup.js"></script>
  10. <link rel="stylesheet" type="text/css" href="_TestSetup.css">
  11. </link>
  12. </head>
  13. <body>
  14. <div id="placeholder" style="width: 800;height: 400;"></div>
  15. <div id="parameters" style="width: 800"></div>
  16. <script id="source" language="javascript" type="text/javascript">
  17. //data
  18. var d1 = [[4, 4]];
  19. //general plot options
  20. var options = {
  21. series : {
  22. curvedLines : {
  23. active : true }
  24. }
  25. };
  26. //curved line paramters
  27. var defaultParameters = {
  28. apply : true,
  29. legacyOverride : true
  30. }
  31. //plot function
  32. function replot(parameters) {
  33. $.plot($("#placeholder"), [{
  34. data : d1,
  35. lines : {
  36. show : true
  37. },
  38. curvedLines : parameters
  39. }, {
  40. data : d1,
  41. points : {
  42. show : true
  43. }
  44. }], options);
  45. }
  46. //combine everything
  47. TestSetup($("#parameters"), defaultParameters, [replot])
  48. </script>
  49. </body>
  50. </hmtl>