jquery - Peity Sparklines , 定制

Question

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

我遇到的问题是更改迷你图的颜色、大小等。文档非常简短。

我们使用线形图和条形图。

请有人给我指出正确的方向。或者使用自定义颜色和尺寸配置为我们需要的迷你图类型制作一个快速片段。

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

Answer 1

嘿，看看这里: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
};