2011-04-28 76 views
2

我們使用這個優秀的插件來製作一些小的迷你曲線圖。Peity迷你曲線,定製

問題我正在改變迷你圖的顏色,尺寸等。文檔非常簡短。

我們使用LINE和BAR圖表。

有人可以指點我在正確的方向,請。或者爲我們需要的迷你曲線類型做一個自定義顏色和尺寸配置的快速片段。

http://benpickles.github.com/peity/

回答

5

嘿,看看這裏:http://jsfiddle.net/jpz3m/

基本上你可以設置顏色初始化插件時:

$(".line").peity("line",{ 
    colour: "#FF2200", 
    strokeColour:"#882200", 
    strokeWidth:2, 
    } 
); 

默認的選項是:

$.fn.peity.defaults.pie = { 
    colours: ["#FFF4DD", "#FF9900"], 
    delimeter: "/", 
    radius: 16 
}; 

$.fn.peity.defaults.line = { 
    colour: "#c6d9fd", 
    strokeColour: "#4d89f9", 
    strokeWidth: 1, 
    delimeter: ",", 
    height: 16, 
    max: null, 
    width: 32 
}; 

$.fn.peity.defaults.bar = { 
    colour: "#4D89F9", 
    delimeter: ",", 
    height: 16, 
    max: null, 
    width: 32 
}; 
+0

真棒的歡呼聲。謝謝你:) – 422 2011-04-28 00:45:31

+0

我愛jsfiddle.net,很好的提示! – Dunc 2011-08-26 11:50:58

+0

@RaceFace我在這裏也發現了:) – dwarfy 2011-08-26 16:41:15