Jquery - Flot, Comment puis-je seulement montrer des points et non des lignes?

Question

D'accord pour commencer J'utilise Jquery-Flot pour tracer un graphique radial, j'ai trouvé un bouchon pour créer un graphique d'araignée voir API ici:

http://www.jumware.com/Includes/jquery/Flot/Doc/JQuery.Flot.spider.html

Maintenant, il fonctionne tout bar bien le fait que je Je ne veux pas montrer les lignes qui relient les points. Habituellement avec:

points: { show: true}, lines: { show: false} 

mais lorsque vous utilisez le plugin araignée, il semble ignorer ce paramètre. Est-ce que je fais quelque chose de mal ici ou est-ce un cas de l'utilisation de ce plugin, je dois montrer des lignes?

---

Exemple de travail à:

http://jsfiddle.net/WAscC/2/

---

code:

function EveryOneSec() { 

    var d1 = [[0, 10], [1, 20], [2, 80], [3, 70], [4, 60]]; 
    var d2 = [[0, 30], [1, 25], [2, 50], [3, 60], [4, 95]]; 
    var d3 = [[0, 50], [1, 40], [2, 60], [3, 95], [4, 30]]; 

    var options = { 
     series: { 
      spider: { 
       active: true, 
       legs: { 
        data: ["", "", "", "", ""], 
        legScaleMax: 1, 
        legScaleMin: 0.8 
       }, spiderSize: 0.9 
      } 
     }, grid: { 
      hoverable: false, 
      clickable: false, 
      tickColor: "rgba(0,0,0,0.2)", 
      mode: "radar" 
     } 
    }; 


    data = [{ 
     label: "", 
     data: d1, 
     spider: { 
      show: true, 
      lineWidth: 0 
     } 
    }, { 
     label: "", 
     data: d2, 
     spider: { 
      show: true, 
      lineWidth: 0 
     } 
    }, { 
     label: "", 
     data: d3, 
     spider: { 
      show: true, 
      lineWidth: 0 
     }, 
     points: { show: true},lines: { show: false } 
    }]; 

    $.plot($("#RadialPlot"), data, options); 
} 
EveryOneSec(); 

---

mise à jour Un

l'édition lineWidth: 0, connectionWidth: 0 à n'importe quel nombre semble n'avoir aucun effet sur le graphique.

---

Comment puis-je afficher uniquement les points et non les lignes?

Answer 1

Ajouter connection: { width: 0 } aux options d'araignée:

spider: { 
    active: true, 
    connection: { width: 0 }, // add this line 
    legs: { 
     data: ["", "", "", "", ""], 
     legScaleMax: 1, 
     legScaleMin: 0.8 
    }, 
    spiderSize: 0.9 
} 

Documentation indique que l'option devrait être: connectionWidth: 0, mais cela semble avoir changé, comme on le voit de la source for the actual plugin:

function drawspiderConnections(ctx,cnt,serie,c,fill) { 
    var pos,d; 
    ctx.beginPath(); 
    ctx.lineWidth = serie.spider.connection.width; // this is the line 

    // etc. 

}