software-mariodiana
1/5/2015 - 12:15 AM

"Flot: Attractive JavaScript plotting for jQuery." Compatible with IE8, though IE8 will need to emulate an HTML5 canvas (using ExCanvas). De

"Flot: Attractive JavaScript plotting for jQuery." Compatible with IE8, though IE8 will need to emulate an HTML5 canvas (using ExCanvas). Demo draws a simple graph.

hello_flot.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Hello Flot</title>
    <script type="text/javascript" 
            language="javascript" 
            src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.js">
    </script>
    <!-- ExCanvas source code is included in Flot distribution. -->
    <!--[if lte IE 8]>
        <script language="javascript" type="text/javascript" src="excanvas.js"></script>
    <![endif]-->
    <!-- http://www.flotcharts.org -->
    <script type="text/javascript" language="javascript" src="jquery.flot.js"></script>
</head>
<body>
    <div id="placeholder" style="width:600px;height:300px"></div>
    <script type="text/javascript" language="javascript">
        $(document).ready(function() {
            var data = [[0, 0], [1, 1]];
            var options = { yaxis: { max: 1 } };
            // Note that the data argument should be wrapped in an array.
            $.plot($("#placeholder"), [data], options);
        });
    </script>
</body>
</html>