mirror of https://github.com/Kozea/pygal.git
Python to generate nice looking SVG graph
http://pygal.org/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
170 lines
5.3 KiB
170 lines
5.3 KiB
10 years ago
|
Parametric Styles
|
||
|
=================
|
||
|
|
||
|
pygal provides 5 parametric styles:
|
||
|
|
||
|
.. contents::
|
||
|
|
||
|
|
||
|
Usage
|
||
|
-----
|
||
|
|
||
|
A parametric style is initiated with a default color and the other are generated from this one:
|
||
|
|
||
|
.. pygal-code::
|
||
|
|
||
|
from pygal.style import LightenStyle
|
||
|
dark_lighten_style = LightenStyle('#336676')
|
||
|
chart = pygal.StackedLine(fill=True, interpolate='cubic', style=dark_lighten_style)
|
||
|
chart.add('A', [1, 3, 5, 16, 13, 3, 7])
|
||
|
chart.add('B', [5, 2, 3, 2, 5, 7, 17])
|
||
|
chart.add('C', [6, 10, 9, 7, 3, 1, 0])
|
||
|
chart.add('D', [2, 3, 5, 9, 12, 9, 5])
|
||
|
chart.add('E', [7, 4, 2, 1, 2, 10, 0])
|
||
|
|
||
|
|
||
|
You can set the `step` parameter to tell between how much colors the color modifier will be applied
|
||
|
|
||
|
.. pygal-code::
|
||
|
|
||
|
from pygal.style import LightenStyle
|
||
|
dark_lighten_style = LightenStyle('#336676', step=5)
|
||
|
chart = pygal.StackedLine(fill=True, interpolate='cubic', style=dark_lighten_style)
|
||
|
chart.add('A', [1, 3, 5, 16, 13, 3, 7])
|
||
|
chart.add('B', [5, 2, 3, 2, 5, 7, 17])
|
||
|
chart.add('C', [6, 10, 9, 7, 3, 1, 0])
|
||
|
chart.add('D', [2, 3, 5, 9, 12, 9, 5])
|
||
|
chart.add('E', [7, 4, 2, 1, 2, 10, 0])
|
||
|
|
||
|
and the `max_` to limit the amplitude at a certain value (in % for all color operation except rotate which is 360):
|
||
|
|
||
|
.. pygal-code::
|
||
|
|
||
|
from pygal.style import LightenStyle
|
||
|
dark_lighten_style = LightenStyle('#336676', step=5, max_=10)
|
||
|
chart = pygal.StackedLine(fill=True, interpolate='cubic', style=dark_lighten_style)
|
||
|
chart.add('A', [1, 3, 5, 16, 13, 3, 7])
|
||
|
chart.add('B', [5, 2, 3, 2, 5, 7, 17])
|
||
|
chart.add('C', [6, 10, 9, 7, 3, 1, 0])
|
||
|
chart.add('D', [2, 3, 5, 9, 12, 9, 5])
|
||
|
chart.add('E', [7, 4, 2, 1, 2, 10, 0])
|
||
|
|
||
|
|
||
|
You can tell the style to inheritate all the styles from another theme:
|
||
|
|
||
|
.. pygal-code::
|
||
|
|
||
|
from pygal.style import LightenStyle, LightColorizedStyle
|
||
|
dark_lighten_style = LightenStyle('#336676', base_style=LightColorizedStyle)
|
||
|
chart = pygal.StackedLine(fill=True, interpolate='cubic', style=dark_lighten_style)
|
||
|
chart.add('A', [1, 3, 5, 16, 13, 3, 7])
|
||
|
chart.add('B', [5, 2, 3, 2, 5, 7, 17])
|
||
|
chart.add('C', [6, 10, 9, 7, 3, 1, 0])
|
||
|
chart.add('D', [2, 3, 5, 9, 12, 9, 5])
|
||
|
chart.add('E', [7, 4, 2, 1, 2, 10, 0])
|
||
|
|
||
|
|
||
|
And you can manually set the properties just like any other theme:
|
||
|
|
||
|
.. pygal-code::
|
||
|
|
||
|
from pygal.style import LightenStyle, LightColorizedStyle
|
||
|
dark_lighten_style = LightenStyle('#336676', base_style=LightColorizedStyle)
|
||
|
dark_lighten_style.background = '#ffcccc'
|
||
|
chart = pygal.StackedLine(fill=True, interpolate='cubic', style=dark_lighten_style)
|
||
|
chart.add('A', [1, 3, 5, 16, 13, 3, 7])
|
||
|
chart.add('B', [5, 2, 3, 2, 5, 7, 17])
|
||
|
chart.add('C', [6, 10, 9, 7, 3, 1, 0])
|
||
|
chart.add('D', [2, 3, 5, 9, 12, 9, 5])
|
||
|
chart.add('E', [7, 4, 2, 1, 2, 10, 0])
|
||
|
|
||
|
|
||
|
Styles
|
||
|
------
|
||
|
|
||
|
|
||
|
Rotate
|
||
|
~~~~~~
|
||
|
|
||
|
.. pygal-code::
|
||
|
|
||
|
from pygal.style import RotateStyle
|
||
|
dark_rotate_style = RotateStyle('#9e6ffe')
|
||
|
chart = pygal.StackedLine(fill=True, interpolate='cubic', style=dark_rotate_style)
|
||
|
chart.add('A', [1, 3, 5, 16, 13, 3, 7])
|
||
|
chart.add('B', [5, 2, 3, 2, 5, 7, 17])
|
||
|
chart.add('C', [6, 10, 9, 7, 3, 1, 0])
|
||
|
chart.add('D', [2, 3, 5, 9, 12, 9, 5])
|
||
|
chart.add('E', [7, 4, 2, 1, 2, 10, 0])
|
||
|
|
||
|
.. pygal-code::
|
||
|
|
||
|
from pygal.style import RotateStyle, LightColorizedStyle
|
||
|
dark_rotate_style = RotateStyle('#75ff98', base_style=LightColorizedStyle)
|
||
|
chart = pygal.StackedLine(fill=True, interpolate='cubic', style=dark_rotate_style)
|
||
|
chart.add('A', [1, 3, 5, 16, 13, 3, 7])
|
||
|
chart.add('B', [5, 2, 3, 2, 5, 7, 17])
|
||
|
chart.add('C', [6, 10, 9, 7, 3, 1, 0])
|
||
|
chart.add('D', [2, 3, 5, 9, 12, 9, 5])
|
||
|
chart.add('E', [7, 4, 2, 1, 2, 10, 0])
|
||
|
|
||
|
|
||
|
Lighten
|
||
|
~~~~~~~
|
||
|
|
||
|
.. pygal-code::
|
||
|
|
||
|
from pygal.style import LightenStyle
|
||
|
dark_lighten_style = LightenStyle('#004466')
|
||
|
chart = pygal.StackedLine(fill=True, interpolate='cubic', style=dark_lighten_style)
|
||
|
chart.add('A', [1, 3, 5, 16, 13, 3, 7])
|
||
|
chart.add('B', [5, 2, 3, 2, 5, 7, 17])
|
||
|
chart.add('C', [6, 10, 9, 7, 3, 1, 0])
|
||
|
chart.add('D', [2, 3, 5, 9, 12, 9, 5])
|
||
|
chart.add('E', [7, 4, 2, 1, 2, 10, 0])
|
||
|
|
||
|
|
||
|
Darken
|
||
|
~~~~~~
|
||
|
|
||
|
.. pygal-code::
|
||
|
|
||
|
from pygal.style import DarkenStyle
|
||
|
darken_style = DarkenStyle('#ff8723')
|
||
|
chart = pygal.StackedLine(fill=True, interpolate='cubic', style=darken_style)
|
||
|
chart.add('A', [1, 3, 5, 16, 13, 3, 7])
|
||
|
chart.add('B', [5, 2, 3, 2, 5, 7, 17])
|
||
|
chart.add('C', [6, 10, 9, 7, 3, 1, 0])
|
||
|
chart.add('D', [2, 3, 5, 9, 12, 9, 5])
|
||
|
chart.add('E', [7, 4, 2, 1, 2, 10, 0])
|
||
|
|
||
|
|
||
|
Saturate
|
||
|
~~~~~~~~
|
||
|
|
||
|
.. pygal-code::
|
||
|
|
||
|
from pygal.style import SaturateStyle
|
||
|
saturate_style = SaturateStyle('#609f86')
|
||
|
chart = pygal.StackedLine(fill=True, interpolate='cubic', style=saturate_style)
|
||
|
chart.add('A', [1, 3, 5, 16, 13, 3, 7])
|
||
|
chart.add('B', [5, 2, 3, 2, 5, 7, 17])
|
||
|
chart.add('C', [6, 10, 9, 7, 3, 1, 0])
|
||
|
chart.add('D', [2, 3, 5, 9, 12, 9, 5])
|
||
|
chart.add('E', [7, 4, 2, 1, 2, 10, 0])
|
||
|
|
||
|
|
||
|
Desaturate
|
||
|
~~~~~~~~~~
|
||
|
|
||
|
.. pygal-code::
|
||
|
|
||
|
from pygal.style import DesaturateStyle
|
||
|
desaturate_style = DesaturateStyle('#8322dd')
|
||
|
chart = pygal.StackedLine(fill=True, interpolate='cubic', style=desaturate_style)
|
||
|
chart.add('A', [1, 3, 5, 16, 13, 3, 7])
|
||
|
chart.add('B', [5, 2, 3, 2, 5, 7, 17])
|
||
|
chart.add('C', [6, 10, 9, 7, 3, 1, 0])
|
||
|
chart.add('D', [2, 3, 5, 9, 12, 9, 5])
|
||
|
chart.add('E', [7, 4, 2, 1, 2, 10, 0])
|