Блог

Мы используем этот превосходный плагин для некоторых небольших спарклайновых диаграмм.

Проблема, с которой я сталкиваюсь, заключается в изменении цвета спарклайнов, размеров и т.д. Документация очень краткая.

Мы используем ЛИНЕЙНЫЕ и столбчатые диаграммы.

Может кто-нибудь указать мне правильное направление, пожалуйста. Или сделайте краткий фрагмент с пользовательскими цветами и конфигурациями размеров для нужных нам типов спарклайнов.

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

Эй, взгляните сюда: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
};
  

На всякий случай, если вам нужно использовать ванильную версию peity charts на js —https://github.com/railsjazz/peity_vanilla