2011-04-28 65 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