Radar Graph using Jquery
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  <title>Jquery - Flot, How can I only show points and not lines? - jsFiddle demo</title>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script>
  <!--
  <link rel="stylesheet" type="text/css" href="/css/normalize.css"/>
  <link rel="stylesheet" type="text/css" href="/css/result-light.css"/>-->
  
    
    
   <script language="javascript" type="text/javascript" src="js/jquery.flot.js"></script>
    
    
    
  <script language="javascript" type="text/javascript" src="js/jquery.flot.js"></script>
    
      <script language="javascript" type="text/javascript" src="js/JQuery.Flot.Spider.js"></script>

    
  
  <style type='text/css'>
    
  </style>
  
  <script type='text/javascript'>
  //<![CDATA[ 
  $(function(){
      function EveryOneSec() {


       var d1 = [[0, 20], [1, 30], [2, 40], [3, 50]];

        var d2 = [[0, 0], [1, 0], [2, 0], [3, 0]];
        var d3 = [[0, 2], [1, 3], [2, 4], [3, 5]];



        var options = {
            series: {
                spider: {
                    active: true,
                    legs: {
                        data: ["", "", "", "", ""],
                        legScaleMax: 1,
                        legScaleMin: 0.2
                    }, spiderSize: 0.9
                }
            }, grid: {
                hoverable: false,
                clickable: false,
                tickColor: "rgba(0,0,0,0.2)",
                ticks:5,
                mode: "spider"
            },            
        };
 
       
        data = [{
            label: "aaaa",
            data: d1,
            spider: {
            show: true,                
                lineWidth: 0
            }
        },
         {
            label: "bbb",
            data: d2,
            spider: {
                show: true,
                lineWidth: 0
            }
        }, 
  {
            label: "cccc",
            data: d3,
            spider: {
                show: true,
                lineWidth: 0
            },  
            points: { show: true},lines: { show: false }
        }];
 
        $.plot($("#RadialPlot"), data, options);
    }
    EveryOneSec();
  });
  //]]> 
  </script>
  
</head>
<body>
  <div id="RadialPlot" style="width:600px;height:600px;"></div>
  
</body>
 
 
</html>
 

 
This code is not working in IE 7 and no points are showing inside the spider lines. Any Help?

Radar Graph using Jquery
===

 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  <title>Jquery - Flot, How can I only show points and not lines? - jsFiddle demo</title>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script>
  <!--
  <link rel="stylesheet" type="text/css" href="/css/normalize.css"/>
  <link rel="stylesheet" type="text/css" href="/css/result-light.css"/>-->
  
    
    
   <script language="javascript" type="text/javascript" src="js/jquery.flot.js"></script>
    
    
    
  <script language="javascript" type="text/javascript" src="js/jquery.flot.js"></script>
    
      <script language="javascript" type="text/javascript" src="js/JQuery.Flot.Spider.js"></script>

    
  
  <style type='text/css'>
    
  </style>
  
  <script type='text/javascript'>
  //<![CDATA[ 
  $(function(){
      function EveryOneSec() {


       var d1 = [[0, 20], [1, 30], [2, 40], [3, 50]];

        var d2 = [[0, 0], [1, 0], [2, 0], [3, 0]];
        var d3 = [[0, 2], [1, 3], [2, 4], [3, 5]];



        var options = {
            series: {
                spider: {
                    active: true,
                    legs: {
                        data: ["", "", "", "", ""],
                        legScaleMax: 1,
                        legScaleMin: 0.2
                    }, spiderSize: 0.9
                }
            }, grid: {
                hoverable: false,
                clickable: false,
                tickColor: "rgba(0,0,0,0.2)",
                ticks:5,
                mode: "spider"
            },            
        };
 
       
        data = [{
            label: "aaaa",
            data: d1,
            spider: {
            show: true,                
                lineWidth: 0
            }
        },
         {
            label: "bbb",
            data: d2,
            spider: {
                show: true,
                lineWidth: 0
            }
        }, 
  {
            label: "cccc",
            data: d3,
            spider: {
                show: true,
                lineWidth: 0
            },  
            points: { show: true},lines: { show: false }
        }];
 
        $.plot($("#RadialPlot"), data, options);
    }
    EveryOneSec();
  });
  //]]> 
  </script>
  
</head>
<body>
  <div id="RadialPlot" style="width:600px;height:600px;"></div>
  
</body>
 
 
</html>
 

 
This code is not working in IE 7 and no points are showing inside the spider lines. Any Help?
