Peity Sparklines,定制

时间:2011-04-28 00:12:14

标签: jquery

我们正在为一些小型的迷你图表使用这个出色的插件。

问题我正在改变迷你图,尺寸等的颜色。文档非常简短。

我们正在使用LINE和BAR图表。

请有人指出我正确的方向。或者使用自定义颜色和我们需要的迷你图类型的大小配置快速完成代码片段。

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

1 个答案:

答案 0 :(得分: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
};