Question

I have this chart graph I am working on, basically is a set of 10 rows [series], I have to dinamically add a custom Icon (image) to the start of each bar, I am able to ad an image but is displaying the same mew element on all the rows, would really appreciate any help on this.

Here is a jsFiddle http://jsfiddle.net/KrTbz/ I created.

and this is the js code I need to make work

            labels: {
                color: '#fff',

                x: 5,
                useHTML: true,
                formatter: function () {
                    return '<img class="" src="http://dummyimage.com/60x60/ff6600/ffffff"/>';
                }

            }

Hope I can get some help.

Answer 1

See http://jsfiddle.net/troynt/KrTbz/3/

Just replace the random word placeholders with whatever images you want.

formatter: function () {
    return {
        'Awesome': 'blah',
        'Awesome Previous': 'yadda',
        'Good': 'dabba',
        'Good Previous': 'doo',
        'Okay': 'word',
        'Okay Previous':'up',
        'Awful': 'blah',
        'Awfull Previous': 'blah2'
    }[this.value];
}