jQuery Sparkline multi colour tri-state charts

HTML

<script src="http://omnipotent.net/jquery.sparkline/2.1.2/jquery.sparkline.js"></script>
<br />

<br />

<p>
    Sparkline: <span id="sp">&nbsp;</span>
</p>

JavaScript

// A tristate chart with differnet colours for different values
$('#sp').sparkline([-1,-1,-2,1,0,2, 10], {
    type: 'tristate',
    height: 40,
    colorMap: {
        // note the keys are strings!
        '-1': 'red',
        '-2': 'purple',
        '1': 'green',
        '2': 'blue',
        '10': 'black',
        '0': 'orange'
    }
});