If you are using reStructuredText and install pygal, Nikola has support for rather nice charts
with little effort, and i’s even semi-interactive (hover your pointer over the legend!):
.. chart :: StackedLine
:title: 'Browser usage evolution (in %)'
:fill: True
:x_labels: ['2002','2003','2004','2005','2006','2007','2008','2009','2010','2011','2012']
:width: 600
:height: 400
:explicit_size: True
:style: BlueStyle
('Others', [14.2, 15.4, 15.3, 8.9, 9, 10.4, 8.9, 5.8, 6.7, 6.8, 7.5])
('IE', [85.8, 84.6, 84.7, 74.5, 66, 58.6, 54.7, 44.8, 36.2, 26.6, 20.1])
('Firefox', [None, None, None, 16.6, 25, 31, 36.4, 45.5, 46.3, 42.8, 37.1])
('Chrome', [None, None, None, None, None, None, 0, 3.9, 10.8, 23.8, 35.3])
Browser usage evolution (in %)
10.0 20.0 30.0 40.0 50.0 60.0 70.0 80.0 90.0 100.0 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 Browser usage evolution (in %) 14.2 8.44615384615 281.038461538 15.4 50.6769230769 277.192307692 15.3 92.9076923077 277.512820513 8.9 135.138461538 298.025641026 9 177.369230769 297.705128205 10.4 219.6 293.217948718 8.9 261.830769231 298.025641026 5.8 304.061538462 307.961538462 6.7 346.292307692 305.076923077 6.8 388.523076923 304.756410256 7.5 430.753846154 302.512820513 100.0 8.44615384615 6.03846153846 100.0 50.6769230769 6.03846153846 100.0 92.9076923077 6.03846153846 83.4 135.138461538 59.2435897436 75 177.369230769 86.1666666667 69.0 219.6 105.397435897 63.6 261.830769231 122.705128205 50.6 304.061538462 164.371794872 42.9 346.292307692 189.051282051 33.4 388.523076923 219.5 27.6 430.753846154 238.08974359 100.0 8.44615384615 6.03846153846 100.0 50.6769230769 6.03846153846 100.0 92.9076923077 6.03846153846 100.0 135.138461538 6.03846153846 100 177.369230769 6.03846153846 100.0 219.6 6.03846153846 100.0 261.830769231 6.03846153846 96.1 304.061538462 18.5384615385 89.2 346.292307692 40.6538461538 76.2 388.523076923 82.3205128205 64.7 430.753846154 119.179487179 100.0 8.44615384615 6.03846153846 100.0 50.6769230769 6.03846153846 100.0 92.9076923077 6.03846153846 100.0 135.138461538 6.03846153846 100 177.369230769 6.03846153846 100.0 219.6 6.03846153846 100.0 261.830769231 6.03846153846 100.0 304.061538462 6.03846153846 100.0 346.292307692 6.03846153846 100.0 388.523076923 6.03846153846 100.0 430.753846154 6.03846153846 Others IE Firefox Chrome
Here’s how it works:
Next to the directive, use the chart type you want
Any option you can set in a chart? Use it like :title: in this example. Syntax on
the value is just like in the pygal examples.
For each data series do it like the line that says Firefox in this example. The first element
is the label, then comes the data.
Easy, right? Please explore the pygal site for more information, and just
take this example and tweak stuff.