Jquery - Flot, Как мога да показвам само точки, а не линии?

Добре, за да започнете. Използвам Jquery-Flot за начертаване на радиална графика. Намерих приставка за създаване на паякообразна графика, вижте API тук:

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

Сега всичко работи добре освен факта, че не искам да показвам линиите, които свързват точките. Обикновено с:

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

но когато използвате приставката за паяк, изглежда, че игнорира тази настройка. Правя ли нещо нередно тук или това е случай, когато използвам този плъгин, трябва да показвам линии?


Работен пример на:

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


Код:

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();

Актуализиране едно

редактирането на lineWidth: 0, connectionWidth: 0 на произволно число изглежда няма никакво влияние върху графиката.


Как мога да покажа само точки, а не линии?


person Sphvn    schedule 16.07.2010    source източник
comment
поиграхте си малко със скрипта ... ако оставите опциите за паяк, работи ... интересно ...   -  person    schedule 16.07.2010
comment
Кои опции за паяк като оставянето му като обикновен flot без плъгин?   -  person Sphvn    schedule 16.07.2010
comment
имах предвид целия spider:-раздел ...   -  person    schedule 16.07.2010
comment
да Ако не е зададен като паякообразна графика, работи :( дразнещо.   -  person Sphvn    schedule 16.07.2010
comment
вярвам, че това е функцията на spider-графа ... не вярвам, че това сътрудничество между разширението spider и библиотеката не е реализирано... вижте code.google.com/p/flot/issues/detail?id=138 (първоначална заявка на това разширение) ... може да отидете на сайта на проекта...   -  person    schedule 16.07.2010
comment
вижте code.google.com/p/flot/issues/detail?id=138 - Моите коментари са с връзките.   -  person Sphvn    schedule 16.07.2010
comment
^^ ... о .. groo намери решение!   -  person    schedule 16.07.2010


Отговори (1)


Добавете connection: { width: 0 } към опциите на паяк:

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

Документацията посочва, че тази опция трябва да бъде: connectionWidth: 0 , но това изглежда се е променило, както се вижда от източник за действителния плъгин:

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

    // etc.

}
person Groo    schedule 16.07.2010
comment
Опитах се да добавя, че по-долу spiderSize не работи :S направи точно както ти направи и така става. Благодаря, добре сър. - person Sphvn; 16.07.2010