2012-01-19 53 views
7

我們可以改變一個jQuery海軍報的情節點的下列屬性不同大小和顏色:jQuery的海軍報,每個點

的大小:我基本上想要繪製三維圖形。前兩個維度是x和y值,第三維度值將反映在點的大小中。價值越大,點越大。

點的顏色:同樣,我試圖顯示一個屬性,而不是x和y值。值越大,點越黑。

[編輯]:我試圖控制這些屬性的個別點,而不是整個情節。

+1

您是否閱讀過文檔(http://flot.googlecode.com/svn/trunk/API.txt)?這兩個選項都可用(在「定製數據系列」下,填充和半徑) – Mark

+2

@Mark Umm,我讀到了。 PLZ糾正我,如果我得到它錯誤,但這些選項shadowSize和顏色將在劇情中的所有點上生效。我正在嘗試改變shadowSize和各個點的顏色。像一個代表一個人口較多的國家的點將會有一個更大的點,這些線上的東西。 – roopunk

回答

16

我現在明白你的意思了。我可以看到這樣做的唯一方法是通過傳遞一個回調函數來點符號選項:

function someFunc(ctx, x, y, radius, shadow) 
{ 
    someFunc.calls++; 
    if (someFunc.calls % 2 == 0) 
    { 
    ctx.arc(x, y, radius * 4, 0, shadow ? Math.PI : Math.PI * 2, false); 
    } 
    else 
    { 
    ctx.arc(x, y, radius, 0, shadow ? Math.PI : Math.PI * 2, false); 
    } 
} 
someFunc.calls = 0; 

var options = { 
    series: { 
    lines: { show: true }, 
    points: { show: true, symbol: someFunc} 
    } 
}; 

somePlot = $.plot($("#placeholder"), [ d1 ], options); 

在上面,我調整了所有其他點的半徑大小:

enter image description here

EXAMPLE HERE

+0

謝謝。這將完成這項工作。參數'someFunc.calls'將跟蹤被繪製點的索引,並且與傳遞給繪圖函數的'data []'數組的索引相同。總體值將出現在單獨的數組「pop_arr []」中,其索引與「數據」數組的索引同步。半徑將根據'pop_arr [someFunc.calls]'而變化。完善。 – roopunk